title: JQuery Mobile TypeError: t.split is not a function
body: <p>I was working on a website, but for some reason JQuery Mobile just refuses to work.
  Now I've made a simple demo page using code literally copied from the JQuery Mobile example, here it is:</p>
  
  <pre><code>  &lt;!DOCTYPE html&gt; 
     &lt;html&gt; 
      &lt;head&gt; 
          &lt;title&gt;My Page&lt;/title&gt; 
      &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt; 
      &lt;link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.1/jquery.mobile-1.2.1.min.css" /&gt;
      &lt;script src="http://code.jquery.com/jquery-1.8.3.min.js"&gt;&lt;/script&gt;
      &lt;script src="http://code.jquery.com/mobile/1.2.1/jquery.mobile-1.2.1.min.js"&gt;&lt;/script&gt;
  &lt;/head&gt; 
  &lt;body&gt; 
  
  &lt;div data-role="page" id="1"&gt;
  
      &lt;div data-role="header"&gt;
          &lt;h1&gt;My Title&lt;/h1&gt;
      &lt;/div&gt;&lt;!-- /header --&gt;
  
      &lt;div data-role="content"&gt;   
          &lt;p&gt;Hello world&lt;/p&gt;      
          &lt;a href='#2' data-transition='slide'&gt;2&lt;/a&gt;
      &lt;/div&gt;&lt;!-- /content --&gt;
  
  &lt;/div&gt;&lt;!-- /page --&gt;
  
  
  &lt;div data-role="page" id="2"&gt;
  
      &lt;div data-role="header"&gt;
          &lt;h1&gt;My Title&lt;/h1&gt;
      &lt;/div&gt;&lt;!-- /header --&gt;
  
      &lt;div data-role="content"&gt;   
          &lt;p&gt;Hello world2&lt;/p&gt;     
          &lt;a href='#1' data-transition='slide'&gt;1&lt;/a&gt;
      &lt;/div&gt;&lt;!-- /content --&gt;
  
  &lt;/div&gt;&lt;!-- /page --&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>This for some reason doesn't work, and returns me an error saying "TypeError: t.split is not a function". Would anyone know what's going wrong?</p>