title: Simple jquery ajax append() not working
body: <p>I have correctly referenced jquery, version 2.1 (the newest one).  But nothing happens when I click "About".  I am running the code on a python (Flask) local server.  What am I doing wrong?</p>
  
  <pre><code>&lt;div id="main"&gt;
    &lt;div class="inner"&gt;
      &lt;ul class="nav"&gt;
        &lt;li class="active"&gt;&lt;a href="/"&gt;Home&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="" id="about"&gt;About&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;script&gt;
    $(document).ready(function () {
      $('#about').click(function() {
        $('#main').append("testing");
      });
    });
  &lt;/script&gt;
  </code></pre>
  
  <p>edit: changed #about to <code>href='#'</code>, nothing changed</p>