<div id="myDiv" class="Sample">
Here is the Sample class
background-position: 0px -141px;
Here is another class which I am going to add with jQuery.
background-position: 0px -218px;
And finally, here is my jQuery,
This did not work until I figured out why!!!! In my CSS file the Sample-hover class was declared before Sample class. Due to this, the CSS properties were not being overridden as expected. Phew!! I wished I was a good at these things. Sigh!!