JQuery plugin for Cascading Selects

jquery-cascadingselect.js

(function ($) {
/// <summary>JQuery plugin for handling cascading html select lists</summary>
/// <param name="$" type="jQuery">JQuery</param>

    $.fn.cascadingSelect = function() {
        this.each(function() {
            var $e = $(this);
            var $p = $($e.attr("data-ui-cascading-parent"));
            $e.data('cascading-opts', $e.find("option:gt(0)"));

            $p.bind("change", function() {
                $e.find("option:gt(0)").remove();
                $e.append($e.data('cascading-opts').filter('[data-ui-cascading-parent=' + this.value + ']'));
                if ( $e.children().size() == 2 ) {
                  $($e.children().get(1)).prop("selected", true);
                }
                $e.change();
            });

            $e.find("option:gt(0)").filter(":not(:selected)").remove();
        });
        return this;
    };
})(jQuery);

// Usage
// $("select[data-ui-cascading-parent]").cascadingSelect();