title: jQuery click event not firing?
body: <p>I have this <a href="http://posnation.com/customers" rel="nofollow noreferrer">PAGE</a> and I have if you scroll down the map to the li here is my code</p>
  <p><strong>HTML</strong></p>
  <pre><code>&lt;ul class=&quot;play_navigation&quot;&gt;
      &lt;li class=&quot;active&quot;&gt;&lt;a class=&quot;barino_story_bottom&quot; href=&quot;#&quot;&gt;The Story&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a class=&quot;barino_video_bottom&quot; href=&quot;#&quot;&gt;The Video&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a class=&quot;barino_gallery_bottom&quot; href=&quot;#&quot;&gt;The Gallery&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a class=&quot;barino_equipment_bottom&quot; href=&quot;#&quot;&gt;The Equipment&lt;/a&gt;&lt;/li&gt;                          
  &lt;/ul&gt;
  </code></pre>
  <p><strong>my jQuery</strong></p>
  <pre><code>&lt;script type=&quot;text/javascript&quot;&gt;
      $(document).ready(function(){
          $('.play_navigation a').click(function(){
              console.log(&quot;this is the click&quot;);
              return false;
          });
      });
  &lt;/script&gt;
  </code></pre>
  <p>Nothing is happening at all if I click on the links....you can view source and see its there...but if I paste it in console it works fine...what gives</p>