title: Disable(unclickable) background content in jQuery
body: <p>i have a two div one is <code>absolute</code> position.<br>
  here is a code.  </p>
  
  <pre><code>&lt;input type="button" onclick="showdiv()" value="show" &gt;
  &lt;div id="div2" style="display:none"&gt; 
     some content
    &lt;a href="anylink"&gt;name&lt;/a&gt;
    &lt;input type="button" value="click"&gt;
  &lt;/div&gt;
  &lt;div id="div1"&gt; 
     some content
    &lt;a href="anylink"&gt;name&lt;/a&gt;
    &lt;input type="button" value="click"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Here is jquery code .</p>
  
  <pre><code>function showdiv(){
     $('#div1').fadeTo("slow",0.15);
     $('#div2').show();   
  }
  </code></pre>
  
  <p>When I click on <code>show</code> button it <code>fadeTo</code> the <code>div1</code> and show the <code>div2</code>. but problem is that <code>div1</code> link and button also clickable and the link and button of <code>div2</code> is not click able.<br>
  How can i disable background link.</p>