jquery click event not firing?
<p>I have this <a href="http://posnation.com/customers">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="play_navigation"&gt;
    &lt;li class="active"&gt;&lt;a class="barino_story_bottom" href="#"&gt;The Story&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a class="barino_video_bottom" href="#"&gt;The Video&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a class="barino_gallery_bottom" href="#"&gt;The Gallery&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a class="barino_equipment_bottom" href="#"&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="text/javascript"&gt;
    $(document).ready(function(){
        $('.play_navigation a').click(function(){
            console.log("this is the click");
            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>
