title: Return Partial View After Http Post Request Failed
body: <p>When Submit Action is invoked after Ajax Post Request. It returns the error method with value "Bad Request". Why it is not successful ? How to resolve this ?</p>
  
  <p>The Ajax Request:</p>
  
  <pre><code>&lt;p&gt;
      @using (Html.BeginForm("Submit", "Test"))
      {
          &lt;span&gt;
              Price: @Html.TextBox("Price", string.Empty)
          &lt;/span&gt;
  
          &lt;input id="submit" type="submit" value="test" /&gt;
      }
  &lt;/p&gt;
  
  &lt;div id="testPost"&gt;
  
  &lt;/div&gt;
  
          @section Scripts {
          &lt;script type="text/javascript"&gt;
              $(function () {
                  $('#submit').on("click", function () {
  
                      var form = $(this).parent("form");
  
                      $.ajax({
                          type: "POST",
                          url: form.attr('action'),
                          data: form.serialize()
                      })
                          .success(function (html) {
  
                              $('#testPost').replaceWith(html);
  
                              alert("Success");
                          })
                          .error(function () {
                              alert("Bad Request");
                          });
  
                      return false;
                  });
              });
          &lt;/script&gt;
          }
  </code></pre>
  
  <p>Submit Action:</p>
  
  <pre><code> [HttpPost]
          public ActionResult Submit(Auction auction)
          {
              return PartialView("_CurrentPrice",auction);
          }
  </code></pre>
  
  <p>Partial View:</p>
  
  <pre><code>&lt;p class="current-price"&gt;
      &lt;h2&gt;ACTIVE HERE&lt;/h2&gt;
  &lt;/p&gt;
  </code></pre>