title: Getting a Value can not be null with ajax
body: <p>I'm attempting to a pass a parameter from my view to my controller, I run into :
  <strong>Value can not be null</strong> when I attempt to execute my action GetCompanyDataWithId.</p>
  
  <p>A successful run would pass parameter to the controller which would return  JSON data used to populate my jqGrid.</p>
  
  <hr>
  
  <p>It seems the value is not being passed properly
  Any ideas?</p>
  
  <pre><code>$("#dropdwnlist").change(function () {
                 var value = $(this).val();
  
                 $.ajax({
                     url: '&lt;%= Url.Action("GetCompanyDataWithId", "Billing") %&gt;', 
                     type: "POST",                            
                     data: { companyid: "25" },
                     success: function (data) {
                         alert(data);
                         $('#Bgrid').setGridParam({ url: '&lt;%= Url.Action("GetCompanyDataWithId", "Billing") %&gt;'});
                         $('#Bgrid').trigger('reloadGrid');                                                    
                     },
                     error: function(xhr, ajaxOptions, thrownError) {
                          alert(xhr.responseText);
                     }
  
                 }).done(function (msg) {
                     alert("Data Saved: " + msg);
                 });
             });
  </code></pre>