JQuery Dropdown Filter

Filter based upon another

HTML

<div class="row">
        <div class="span4 offset4">
          <form class="control-group" action="" method="post">
			<!-- DROPDOWN 1 - CHOICE SELECTION -->
            <div class="form-group">
              <select name="document_type" class="form-control input-lg" id="Select1">
                <option value="casea">CHOICE 1</option>
                <option value="caseb">CHOICE 2</option>
                <option value="casec">CHOICE 3</option>
                <option value="cased">CHOICE 4</option>
                <option value="casee">CHOICE 5</option>
              </select>
            </div>
            <!-- DROPDOWN 2 - LIST SELECTION-->
            <div class="form-group">
              <select name="document_type" class="form-control input-lg" id="Select2">
                <option value="casea">CASE A</option>
                <option value="caseb">CASE B</option>
                <option value="casec">CASE C</option>
                <option value="cased">CASE D</option>
                <option value="casee">CASE E</option>
              </select>
            </div>
          </form>
        </div>
</div>

JavaScript

$(document).ready(function () {
$.DDCache = {
    init: function (DropDown) {
        this.cache = new Object(DropDown.clone());
    },
    FilterDropDown: function (DropDown, value, condition) {
        alert(condition);
        DropDown.empty();
        DropDown.append(this.cache.children().clone().toArray());
        DropDown.children("[" + value + "!='" + condition + "']").remove();
    }
}

//init the cache for the select you want to filter

$.DDCache.init($("#Select2"));

$("#Select1").change(function () {

    $.DDCache.FilterDropDown($("#Select2"), "value", $("#Select1").val());
    });
 });