<!DOCTYPE html>
<html>
<head>
<title>jQuery :disabled Selector</title>
<script src="jquery-latest.min.js"></script>
<script>
$(document).ready(function() {
$(":selected").css('background-color', 'yellow');
});
</script>
</head>
<body>
<h1>Form Elements Selector</h1>
<form action="">
Name: <input type="text" name="name" /><br />
Password: <input type="password" name="password"/><br/>
<h3>1.) Choose one items</h3>
<select name="country">
<option value="india">India</option>
<option value="singapore" selected="selected">Singapore</option>
<option value="england">England</option>
<option value="france">France</option>
</select>
<br />
<h3>2.) Choose multiple items</h3>
<select name="country" size="5" multiple="multiple">
<option value="india">India</option>
<option value="singapore" selected="selected">Singapore</option>
<option value="england" selected="selected">England</option>
<option value="france">France</option>
</select>
<p>Press Ctrl button and select one or more items</p>
<input type="button" value="Button" />
<input type="reset" value="Reset" />
<input type="submit" name="submit"/>
</form>
</body>
</html>
