title: How to bring drop shadow effect for a div on mouseover using jQuery / Javascript
body: <p>I have many divs in an html page. I need to give these divs a drop shadow effect on mouseover using jQuery/Javascript. I can get it work if the drop shadow is to be applied initially but I am not able to get it work at the run time. </p>
  
  <p>The divs which needs to have shadow applied has a common class. In the fiddle it is test.  </p>
  
  <p>I have created a fiddle</p>
  
  <p><a href="http://jsfiddle.net/bobbyfrancisjoseph/ZEuVE/2/" rel="nofollow">http://jsfiddle.net/bobbyfrancisjoseph/ZEuVE/2/</a></p>
  
  <p>It should work on IE8 and above and so I guess CSS3 can be used. </p>