title: Can't get basic pjax example to work
body: <p><strong>EDIT: (non) working example here:
  <a href="http://www.jogos-mmorpg.com/pjax.html" rel="nofollow">http://www.jogos-mmorpg.com/pjax.html</a></strong></p>
  
  <p>I'm trying to reproduce a very basic PJAX example like explained in the readme (<a href="https://github.com/defunkt/jquery-pjax" rel="nofollow">https://github.com/defunkt/jquery-pjax</a>)</p>
  
  <p>This is the index.html:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;head&gt;
           &lt;script src="http://pjax.heroku.com/jquery.js"&gt;&lt;/script&gt;
           &lt;script src="http://pjax.heroku.com/jquery.pjax.js"&gt;&lt;/script&gt;
  
          &lt;script type="text/javascript"&gt;
              $(document).ready(function(){
                  $(document).pjax('a', '#pjax-container')
              });
          &lt;/script&gt;
  
      &lt;/head&gt;
      &lt;body&gt;
  
        &lt;h1&gt;My Site&lt;/h1&gt;
  
        &lt;div class="container" id="pjax-container"&gt;
          Go to &lt;a href="./next.html"&gt;next page&lt;/a&gt;.
        &lt;/div&gt;
  
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>And this is the next.html</p>
  
  <pre><code>&lt;p&gt;next page&lt;/p&gt;
  </code></pre>
  
  <p>When i click on the "next page" link, i simply go to next.html and the only thing i see on the screen is the "next page" paragraph, just like i would with pjax completely disabled.</p>
  
  <p>What am i missing?</p>