title: locking screen or elements with jQuery
body: <p>I have a HTML page. By default <code>#B</code> is set as <code>display: none</code> and when I click on <code>#button</code>
  <code>#B</code> is shown as overlay style via jQuery. Also I need to lock all elements except <code>#B</code> </p>
  
  <pre><code>&lt;div id="A"&gt;
      &lt;!-- Some HTML elements --&gt;
      &lt;a id="button"&gt;Button&lt;/a&gt;
      &lt;div id="B"&gt;
          &lt;!-- Some HTML elements --&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Can you seggest me a jquery plugin in order to do this?</p>