How to click on link of div which is showing after .hover()
<p>I am showing one div after hover on a link. I want to click one of the link in new div, and after clicking any link   div should be hidden.</p>

<p>you can see code at <a href="http://jsfiddle.net/xrcwrn/MEdRy/" rel="nofollow">http://jsfiddle.net/xrcwrn/MEdRy/</a>
html:</p>

<pre><code>&lt;div id="response"&gt;
            &lt;a href="#"&gt;Response Request&lt;/a&gt;
        &lt;/div&gt;
    &lt;div class="new_r_div hidden"&gt;
     &lt;ul&gt;
        &lt;li&gt;&lt;a href="#"&gt;Confirm&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#"&gt;Delete&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
 &lt;/div&gt;
</code></pre>

<p>Jquery:</p>

<pre><code>  $("#response").hover(function(){
$('.new_r_div').removeClass('hidden');
},function(){
   $('.new_r_div').addClass('hidden');
});
</code></pre>

<p>css:</p>

<pre><code> .new_r_div{
     position:absolute;
    width:100px;
    height:40px;
    background:#ccc;
    overflow: hidden;
    border: solid 2px #ccc;
    background: #99CCFF;

}
.hidden{
  visibility: hidden;
}
</code></pre>
