Correct chosen with new jquery
This fiddle shows the correct layout produced by "chosen" script with new version of jquery, which is applied to select inside the hidden block.
Just run the fiddle
Press "show chosen now"
And open the select box
HTML
<html lang="en">
<head>
<link rel="stylesheet" href="http://harvesthq.github.com/chosen/chosen/chosen.css" />
</head>
<body>
<select data-placeholder="Select one..." class="chzn-select" style="width:350px;" multiple tabindex="2">
<option value=""></option>
<option value="001">Option 1</option>
<option value="002">Option 2</option>
<option value="003">Option 3</option>
<option value="004">Option 4</option>
<option value="005">Option 5</option>
</select>
<button type="button">Clear Choosen Value</button>
<script src="http://harvesthq.github.com/chosen/chosen/chosen.jquery.js" type="text/javascript"></script>
JavaScript
$(function () {
$('.chzn-select').chosen();
$('button').click(function(){
$('.search-choice-close').click();
});
});