Changing color of bootstrap "well" on mouseover
<p>I am trying to change the color of "well" on mouseover but unable to do it. I have been trying with the following codes:</p>

<pre><code>&lt;script type="text/javascript"&gt;
    function ChangeColor(well, highLight)
    {
    if (highLight)
    {
      well.style.backgroundColor = '#dcfac9';
    }
         }
&lt;/script&gt;
PHP:

echo "  &lt;div class=\"well\" onmouseover=\"ChangeColor(this, true);\"\n"; 
echo " onmouseout=\"ChangeColor(this, false);\"&gt; \n"; 
echo "something";
echo "  &lt;/div&gt;\n"; 
</code></pre>

<p>The above code is changing color nicely on mouseover but it is crossing the area of the "well". Please help to fix it.</p>