title: How could I set UpdateTargetId on jQuery ajax
body: <p>I want to render the partial view using ajax.<br>
  When I submit the button, the partial view must be rendered.<br>
  I could implemented it using ActionLink but I want to call the Action by JavaScript.<br>
  But the following code doesn't work. The Action is called but the partial view does not be rendered.<br></p>
  
  <p><strong>View</strong></p>
  
  <pre><code>@section script{
  &lt;script type="text/javascript"&gt;
      function test() {
          $.ajax(
          {
              type: "POST",
              url: "Test",
              data: "",
              success: function (result) { alert("OK!!"); },
              error: function (req, status, error) {
                  alert("Damn!!");}
          });
  
  
      }
  &lt;/script&gt;
  }
  
  &lt;input type="submit" onclick="test()" /&gt;
  &lt;div id="Container"&gt;
  </code></pre>
  
  <p><strong>Controller</strong></p>
  
  <pre><code>public ActionResult Test()
  {
      if (Request.IsAjaxRequest())
      {
          return PartialView("ViewUserControl1");
      }
      return View();
  }
  </code></pre>
  
  <p><strong>Partial View ViewUserControl1</strong></p>
  
  <pre><code>Hello world
  </code></pre>
  
  <p><strong>This works but is not what I want to do</strong></p>
  
  <pre><code>@Ajax.ActionLink("click me", "Test", new AjaxOptions { UpdateTargetId = "Container" })
  </code></pre>