jquery hover options then click to load page
<p>My problem:</p>

<p>I have a row of div tags that act as header to columns when the user hovers over them the div changes to sort options such as ASC and DESC. What i need them to do is when the user clicks on one of the options an alert will pop up with the click option the value and the div class name. </p>

<p>example if the user clicked on ASC an alert would pop up saying headerID ASC 1 or headerID DESC 2 if clicked on desc.</p>

<p>For the life of me I can not figure this out. Right now I'm testing with alert then I will be using .load() to load a page with sorting option </p>

<p>div = headerID </p>

<p>sort = ASC </p>

<p>value = 1 </p>

<p>or </p>

<p>div = headerID </p>

<p>sort = DESC </p>

<p>value = 2 </p>

<p>depending on what was clicked.</p>

<p>demo of what I already have <a href="http://jsfiddle.net/hmeHn/1/" rel="nofollow">http://jsfiddle.net/hmeHn/1/</a></p>
