JSFiddle - React, Tailwind, and code Playground

by tearex

HTML

<div id="test"></div>
<table width="70%" border="0" align="center">
			<tr>
				<!--    <td>&nbsp;</td>-->
					<td>  
						<div data-role="fieldcontain" width="30%">
							<fieldset data-role="controlgroup" data-type="horizontal" data-mini="true">
          <legend></legend>

          <input type="radio" id="radio1_1" value="2" accesskey="–" checked  class = hovered/>
			<label for="radio1_1" href="#" title="hovering...">Hover here</label>
     
							</fieldset>
						</div>
					</td>
			</tr>
		</table>

CSS

.hover { background-color: #ebebeb;   }

#radio1_1 { border: 1px solid #c3c3c3; width: 200px; height: 200px;}

JavaScript

$(document).on('pageinit', function() {


 $("#radio1_1").mouseenter();
theElement.onmouseover = function(){theElement.className += ' hovered'};
 })