title: jQuery UI Tabs giving a 'Mismatching fragment identifier' error message
body: <p>While trying to implement some jQuery UI Tabs using AJAX I keep running into this error in Firebug: <code>uncaught exception: jQuery UI Tabs: Mismatching fragment identifier</code></p>
  
  <p>Relevant HTML here:</p>
  
  <pre><code>&lt;h1&gt;AJAX Tabs&lt;/h1&gt;
  &lt;div id="tabs"&gt;
      &lt;ul&gt;
          &lt;li&gt;&lt;a href="chap1.htm"&gt;Chapter 1&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="chap2.htm"&gt;Chapter 2&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="chap3.htm"&gt;Chapter 3&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Relevant jQuery here:</p>
  
  <pre><code>$(init);
  
  function init() {  
  $("#tabs").tabs();  
  }//end init
  </code></pre>
  
  <p>There seem to be other people who run into the <a href="http://forum.jquery.com/topic/uncaught-exception-jquery-ui-tabs-mismatching-fragment-identifier-5-2-2010" rel="nofollow noreferrer">same</a> <a href="https://stackoverflow.com/q/4543557/982259">error</a>, but they seem to have other problems with their pages or are implementing tabs in very different ways.</p>
  
  <p>According to Firebug, the first request seems to run and the response is received, but the requested snippet is not then displayed. Afterwards, any other AJAX requests just receive the error above.</p>
  
  <p>I do notice that although I defined the links as discreet HTML snippets, they seem to get treated like objects by jQuery.</p>
  
  <p>Other than that I am totally in the dark as to what the cause of the problem is or how I would go about repairing it. Any help would be greatly appreciated.</p>