title: Why can't I stop the default action on my click?
body: <p>I have the following:</p>
  
  <pre><code>$("#city-button-panel a")
      .click(function () {
      preventDefault();
      var $link = $(this);
      getCityContentAjax($link);
  });
  </code></pre>
  
  <p>But it's not allowing me to preventDefault and it gives a syntax error</p>
  
  <p>Here is what the elements look like that are deep inside #city-button-panel:</p>
  
  <pre><code>&lt;a href="/City/1555009O" id="btn-49"&gt;49&lt;/a&gt;
  </code></pre>