I have the following jQuery code which I'm using to populate a jqGrid. It works perfectly posting to my ASP.NET MVC page on the first click of the button. My

problem is, any other clicks past the first it seems to run through the jquery code when clicking the button but it never makes it to the POST page. Any ideas why?

<script type=text/javascript>



        $(document).ready(function() {

            $('#btnSubmit').click(function() {



                /* Refreshes the grid */

                $(#list).jqGrid({

                    /* The controller action to get the grid data from */

                    url: '/CRA/AddPart',

                    data: { partNumber: 123},

                    datatype: 'json',

                    mtype: 'GET',

                    /* Define the headers on the grid */

                    colNames: ['col1', 'col2', 'col3', 'col4'],

                    /* Define what fields the row columns come from */

                    colModel: [

                  { name: 'col1', index: 'invid', width: 290 },

                  { name: 'col2', index: 'invdate', width: 290 },

                  { name: 'col3', index: 'amount', width: 290, align: 'right' },

                  { name: 'col4', index: 'tax', width: 290, align: 'right'}],

                    height: 'auto',

                    rowNum: 10,

                    rowList: [10, 20, 30],

                    sortname: 'id',

                    sortorder: desc,

                    viewrecords: true,

                    imgpath: '../../Scripts/jgrid/themes/steel/images',

                    caption: 'Core Return Authorization Contents:',

                    cellEdit: true

                });

            });

        });



    </script>