Problema com input box fucntion

         <form class="form-horizontal" role="form" method="get">
         <div class="form-group">
                 <label class="col-sm-2 control-label" for="name">SEARCH JOB</label>
                 <div class="input-group col-sm-9">
                 <input id="name" name="name" type="text" class="form-control" placeholder="Type the URL Job" />
                 <span class="input-group-btn">
                 <button type="button" class="btn btn-default btnSearch">
                         <span class="glyphicon glyphicon-search"> Search</span>
                 </button>
                 </span>
                 </div>
         </div>
         </form>

<script type="text/javascript">
         jQuery(document).ready(function($) {
         $('.btnSearch').click(function(){
         makeAjaxRequest();
         });
                 $('form').submit(function(e){
                         e.preventDefault();
                         makeAjaxRequest();
                         return false;
                 });
                 function makeAjaxRequest() {
                         $.ajax({
                                 url: 'php/search.php',
                                 type: 'get',
                                 data: {name: $('input#name').val()},
                                 success: function(response) {
                                         $('table#resultTable tbody').html(response);
                                 }
                         });
                 }
         });
</script>