Adding hover CSS attributes via jQuery/Javascript

[NormGE39]

Some CSS styles need to be applied to an element on hover, and CSS styles have to be applied using javascript/jquery directly and not through stylesheets or \[code\]$(this).addClass('someStyle')\[/code\] because I am injecting the DOM elements into another page.We can apply the usual css styles using \[code\]$('#some-content').css({ marginTop: '60px', display: 'inline-block'});\[/code\]How should we add the CSS styles for \[code\]:hover\[/code\] events?Do we have to resort to:\[code\]$('#some-content').hover( function(){ $(this).css('display', 'block') }, function(){ $(this).css('display', 'none') })\[/code\]