onclick button is not working[help] : this is the html file and I don't know whats missing. I just need to figure out on how the onclick button works, 'cause this one is not working.... this is the html file and I don't know whats missing. I just need to figure out on how the onclick button works, 'cause this one is not working....
    
     <div class="container">
     <div class="">
     <div class="row">
       <div class="col-md-8 col-md-offset-2 shad-content">
         <div class="panel-heading "><h3>Please add new drugs</h3></div>
             <div class="panel-body">
              <form action="" method="POST">
                 {{ csrf_field() }}
                 <table id="add-me" class="table table-bordered">
                <thead>
                  <tr>
                   <th>Quantity</th>
                   <th>Description</th>
                   <th>Selling Price</th>
                   <th>Actions</th>
                 </tr>
              </thead>
              <tbody >
                <tr>
                <td id="quantity" class="col-md-2"><input onkeypress='return event.charCode >= 48 && event.charCode <=57' type="text" name="quantity[]" class="form-control" autofocus="" /></td>
                <td class="col-md-7"><input type="text" name="description[]" class="form-control" /></td>
                <td class="col-md-3"><input type="text" name="selling_price[]" class="form-control" /></td>
                <td class="col-md-2">
                    <button type="button" class="btn btn-danger">
                    Delete</button>
                </td>
              </tr>
            </tbody>
        </table>
        <div class="action-buttons">
            <button id="add-form" type="button" class="btn btn-default">Add New Form</button>
            <button type="submit" class="btn btn-success">Save All Drugs</button>
        </div>
        </form>
      </div>
    </div>
  </div>    
</div>

script

    <script>
	  $('#add-form').click(function() {
       i++;
        $('#add-me').append(
           '<tbody id="row'+i+'"><tr>'+
             '<td class="col-md-2">'+
                '<input id="quantity" onkeypress="return event.charCode >= 48 && event.charCode <=57" type="text" name="quantity[]" class="form-control"/>'
            +'</td>'
            +'<td class="col-md-7">'
                +'<input type="text" name="description[]" class="form-control"/>'
            +'</td>'
            +'<td class="col-md-3">'
                +'<input type="text" name="selling_price[]" class="form-control" />'
            +'</td>'
            +'<td class="col-md-2">'
                +'<button id="'+i+'" type="button" class="btn btn-danger delegated-btn">Delete</button>'
            +'</td>'
        +'</tr></tbody>'
        );
  });
</script>