How to disable entire page except for one "island"?
<p>I've been running into a situation where users will:</p>

<ol>
<li>Go into edit mode on a grid</li>
<li>Edit their data</li>
<li>NOT click the save button on the row
they are editing</li>
<li>But instead click the "Next Page"
button thinking it will save their
data</li>
</ol>

<p>I had toyed with the idea of adding functionality to the "Next Page" button click that would check the grid for rows in edit mode and save them, but I think this will save data that some users don't want saved.</p>

<p>What I would like to do is basically overlay the entire page <em>except</em> for the row that is in edit mode with a semi-transparent div that doesn't allow them to click on any thing else until they either save the changes or cancel out of edit mode.</p>

<p>Has anyone done something similar to this using jQuery?</p>
