jQuery events .live() wierdness
<p>I have a page with a toolbar menu at the bottom.  I have a function which checks the display property of a block that contains the menu items and sets it to "none" if it's "block" or sets it to "block" if it's "none".</p>

<p>I'm using jQuery to bind the event to the object.  I want to use the live() method because I may dynamically add items to this toolbar and I want the event to automatically be attached to new menu elements.</p>

<p>The problem that I'm experiencing is that when I bind the event to the element with live(), the CSS display property of the element I'm checking is always "none".  So, the menu never closes.</p>

<p>If I use bind() instead of live(), everything works like I expect it to.</p>

<p>What's causing this strange behavior with live()?</p>

<p>The demo page reproducing the problem is <a href="http://www.ghodmode.com/tbdemo" rel="nofollow">http://www.ghodmode.com/tbdemo</a></p>

<p>Thank you.</p>

<p>-- Ghodmode</p>
