jquery hightlight any div
<p>I am trying to create an effect that could highlight a div on page(and blur body)...</p>

<p>my html code...</p>

<pre><code>&lt;div class="highlighter"&gt;content goes here&lt;/div&gt;
</code></pre>

<p>jquery code...</p>

<pre><code>$(document).ready(function () { 
   setTimeout(function() {
       $('body').css("background-color","black").fadeTo('fast', 0.3, function() {
           $('.highlighter').fadeTo('slow', 0.9);
       });

   }, 5000);
});
</code></pre>

<p>but my jquery code is not working as expected, what i am trying to do is:  Load the page, blur the page(body) with lower opacity or black background but without .highlighter div so this div should be highlighted for 5 seconds then blur effect removes from website and website would be worked as normal, please help me to achieve the effect, thanks for help.</p>
