JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.10.0/jquery.validate.min.js"></script>
<script src="http://harvesthq.github.com/chosen/chosen/chosen.jquery.js"></script>
<link rel="stylesheet" href="http://harvesthq.github.com/chosen/chosen/chosen.css">
<form id="myform">
    <select id="id_deals-1-sales_item" class="multi_select_mandatory" name="deals_sales_item" multiple="multiple">
    <option value="1">Hotel 3 Star</option>
    <option selected value="2">Hotel 4 Star</option>
    </select>
    <input type="submit" value="submit"/>
</form>

JavaScript

$(document).ready(function() {
    var validator = $('#myform').validate({
        // options
        rules: {
            deals_sales_item: "required",
        },

        ignore:':hidden:not(.chzn-done)'
    });
    var checkerrors = function() {
        validator.form();
    };
    var chosen = $('#id_deals-1-sales_item').chosen().change(checkerrors);
});