title: I want a glow effect on a div on hover with jQuery
body: <p>I want a glow effect on a div on hover with jQuery. Here's my code:</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div class="tablerow"&gt;  
      &lt;div class="image"&gt;
         &lt;img src="1.jpg"&gt;
      &lt;/div&gt;
  
      &lt;div class="info"&gt;
         &lt;p&gt;
         &lt;span class="heading"&gt;the PURSUIT of HAPPYNESS&lt;/span&gt;&lt;br&gt;       
         &lt;span class="sub"&gt;Inspired by a true story.&lt;/span&gt;&lt;br&gt;
         &lt;span class="data"&gt;Chris Gardener finds the "i" in Happiness...&lt;/span&gt;&lt;p&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>.tablerow{
      width:100%;
      height:185px;
      padding:0;
  }
  </code></pre>
  
  <p>I have 8 more divs with the class tablerow on which i want a glow effect(not shadow) on hover with jquery, so needs some help with that. (I have used CSS tables).</p>