title: How to send a model in jQuery $.ajax() post request to MVC controller method
body: <p>In doing an auto-refresh using the following code, I assumed that when I do a post, the model will automatically sent to the controller:</p>
  
  <pre><code>$.ajax({
      url: '&lt;%=Url.Action("ModelPage")%&gt;',
      type: "POST",
      //data:  ??????
      success: function(result) {
          $("div#updatePane").html(result);
      },
  
      complete: function() {
      $('form').onsubmit({ preventDefault: function() { } });
  
      }
  });
  </code></pre>
  
  <p>Every time there is a post, I need to increment the value attribute in the model:</p>
  
  <pre><code>public ActionResult Modelpage(MyModel model)
      {                   
          model.value = model.value + 1;
  
          return PartialView("ModelPartialView", this.ViewData);
      }
  </code></pre>
  
  <p>But the model is not passed to the controller when the page is posted with jQuery AJAX request.  How can I send the model in the AJAX request?</p>