drop down value change

Using jquery change the value in one dropdown based on the selected value from another drop down

HTML

<form method="post">Worker:
    <select name="Select1">
        <option>Roy</option>
        <option>John</option>
        <option>Dave</option>
    </select>
</form>
<br>
<br>
<form method="post">Fruit Options:
    <select name="Select2">
        <option>Apples</option>
        <option>Oranges</option>
        <option>Pears</option>
        <option>Peaches</option>
        <option>Grapes</option>
        <option>Melons</option>
        <option>Nut</option>
        <option>Jelly</option>
    </select>
</form>

JavaScript

$(function () {
    var $workers = $('select[name=Select1]');
    var $fruits = $('select[name=Select2]');

    var $fruitsList = $fruits.find('option').clone();

    var workerandFruits = {
        Roy: ["Apples", "Peaches"],
        John: ["Oranges", "Pears", "Peaches", "Nut"]
    }

    $workers.change(function () {
        var $selectedWorker = $(this).find('option:selected').text();
        $fruits.html($fruitsList.filter(function () {
             return $.inArray($(this).text(), workerandFruits[$selectedWorker]) >= 0;
        }));
    });
});