title: Why does my Ajax.BeginForm reload the entire page when I have specifically targeted an ID for replacement?
body: <p>Apologies in advance for the question, but though I found numerous suggestions here, none have worked out for me.  I'm feeling crazy, so...</p>
  
  <p>I have an MVC 3 application that, when it first loads up, displays table with Model data for all users.  That part works fine.  I have two text boxes, one for account ID and another for user that allows me to requery the database for more specific user data.  When I use the submit button, I get the data back but the entire page refreshes and, while I get the form and table back with the correct data, the rest of the page is white.  No graphics I had previously or anything. Another interesting thing is that if i submit the form again, from the white page, with whatever valid parameters, the AJAX DOES work. I'm baffled.</p>
  
  <p>The form looks like this:</p>
  
  <pre><code>@using (Ajax.BeginForm("TaskList", "Dispatch", 
         new AjaxOptions { HttpMethod = "POST", UpdateTargetId = "tblBody", 
         InsertionMode = InsertionMode.Replace }, new { id = "frmTaskList" }))
  {
      &lt;table id="tblTaskList" class="tblTaskList"&gt; 
          &lt;thead&gt;
              &lt;tr&gt;
                  &lt;th&gt;Ticket ID&lt;/th&gt;
                  &lt;th&gt;Date&lt;/th&gt;
                  &lt;th&gt;Customer Name&lt;/th&gt;
              &lt;/tr&gt;
          &lt;/thead&gt;
          &lt;tbody id="tblBody" class="tblBody"&gt;        
              @{for (var ix = 0; ix &lt; Model.Value.Count - 1; ix++)
              { 
                  &lt;tr id="@(Model.Value[ix].TicketId)"&gt;
                      &lt;td&gt;@Model.Value[ix].TicketId&lt;/td&gt;
                      &lt;td&gt;@Model.Value[ix].Created&lt;/td&gt;
                      &lt;td&gt;@Model.Value[ix].ContactName&lt;/td&gt;
                  &lt;/tr&gt;        
              }}
          &lt;/tbody&gt;       
      &lt;/table&gt;    
  
      &lt;input type="text" id="hidAccId" name="hidAccId" value="" /&gt;
      &lt;input type="text" id="hidUserId" name="hidUserId" value="" /&gt;
      &lt;input type="submit" id="btnTaskList" value="Submit" /&gt;
  }
  </code></pre>
  
  <p>Also the scripts I'm using, placed at the top of the page:</p>
  
  <pre><code>&lt;script src="../../Scripts/jquery-ui-1.8.11.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="../../Scripts/jquery-1.7.2.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="../../Scripts/jquery.unobtrusive-ajax.js" type="text/javascript"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>Side note: I have tried using @Url.Content instead of the src attribute to no avail.  I've also experimented using the following, again with no different result:</p>
  
  <pre><code>&lt;script src="@Url.Content("~/Scripts/MicrosoftAjax.js")" type="text/javascript"&gt;    &lt;/script&gt;
  &lt;script src="@Url.Content("~/Scripts/MicrosoftMvcAjax.js")" type="text/javascript"&gt;&lt;/script&gt;
  </code></pre>