JS/jQuery code flow - combine an animation with a click function
<p>I am trying to implement a page that has a simple div when the pointer is outside of it, which fades in to a different div, with different content, on hover.</p>

<p>I want the simple div to not be a link, but the different div to be a link (the entire div).</p>

<p>The following jsfiddle describes and demonstrates the issue that I'm having:
<a href="http://jsfiddle.net/neigere/3sP3N/" rel="nofollow">http://jsfiddle.net/neigere/3sP3N/</a></p>

<p>You can see the bug live here:
<a href="http://tedneiger.com" rel="nofollow">http://tedneiger.com</a></p>

<p>It seems like a code sequence execution issue that could be fixed by moving where I call the click function, but I've attempted several variations and haven't been able to successfully resolve it.</p>

<p>Thanks in advance.</p>
