How can I block and dim everything on a page with one exception?
<p>I've tried using blockUI jQuery plugin to block the UI on a page. blockUI works fine but it seems there is no option to block everything <em>except</em> one element. I want to encourage a user to enter a value once per week so I want to block everything except the div containing a slider and input field. </p>

<p>I tried something like this</p>

<p>$('div.grid_12').not('#mydiv').block({ message: null }); </p>

<p>but everything gets overlayed by blockUI, including #myDiv. I also tried hiking the z-index on  #myDiv. This created problems with the jqueryUI slider which has its own z-index requirements. Unblocking #myDiv also has no effect. What I basically want is the <em>reverse</em> of this : <a href="http://jquery.malsup.com/block/#element" rel="nofollow">http://jquery.malsup.com/block/#element</a></p>

<p>Does anyone know a solid way of doing this? Perhaps I could clone the div and overlay it somehow?</p>
