In the code below I am trying to give focus to the 'input.qualifier' element when one of the options under 'select.qualifier' is chosen.
The jquery code I'm using at the moment isn't working. Any help would be much appreciated.
<!DOCTYPE html>
<html>
<head>
<title>DVD Ambassador — Disc Locator</title>
<script type="text/javascript" src="../../scripts/jquery-1.4.js"></script>
<script type="text/javascript">
$(function() {
$('select.qualifier > option').live('click', function(){
$('input.qualifier').get(0).focus();
});
});
</script>
</head>
<body>
<div id="pageContent">
<h1>DVD Ambassador</h1>
<h2>Disc Locator</h2>
<form id="filtersForm" action="/fetchFilteredResults" method="post">
<fieldset id="filtersPane">
<legend>Filters</legend>
<div id="filterPane"></div>
<div class="buttonBar">
<button type="button" id="addFilterButton">Add Filter</button>
<button type="submit" id="applyFilterButton">Apply Filters</button>
</div>
</fieldset>
<div class="template stringMatch">
<select name="stringMatchType" class="qualifier">
<option value="*">contains</option>
<option value="^">starts with</option>
<option value="$">ends with</option>
<option value="=">is exactly</option>
</select>
<input type="text" name="term" class="qualifier" />
</div>
<div id="resultsPane"><span class="none">No results displayed</span></div>
</form>
</div>
</div>
</body>
</html>