radio button test

HTML

<select name="types">
<option value="Wedding" data='dj,singer,wedding,lighting'>Wedding</option>
<option value="Birthday" data='singer,lighting'>Birthday</option>
<option value="Health Day" data='comedian,magician,outdoor'>Health Day</option>
<option value="Custom Event">Custom</option>
</select>
<br/><br/><br/>
<fieldset>
    <h3><span>1</span>Entertainment:</h3>

    
            <input type="checkbox" name="entertainment" value="dj" /> DJ<br />
            <input type="checkbox" name="entertainment" value="Magician" /> Magician<br />
            <input type="checkbox" name="entertainment" value="liveband" /> Live Music band<br />
            <input type="checkbox" name="entertainment" value="comedian" /> Comedian<br />
            <input type="checkbox" name="entertainment" value="clown" /> Clown<br />

            <input type="checkbox" name="entertainment" value="singer" /> Singer<br />
            <input type="checkbox" name="entertainment" value="liveband" /> Live Music band<br />
            <input type="checkbox" name="entertainment" value="Magician" /> Magician<br />

    </fieldset>
    </div>
<br/><br/>
    <div id="box3">
        <fieldset>
        <h3><span>2</span>Decorations:</h3>
        
                <input type="checkbox" name="decor" value="florist" /> Florist<br />
                <input type="checkbox" name="decor" value="tent" /> Tent Services<br />
                <input type="checkbox" name="decor" value="wedding" /> Wedding Supplies<br />

                <input type="checkbox" name="decor" value="outdoor" /> Outdoor Accessories<br />
                <input type="checkbox" name="decor" value="glasss" /> Vases and glasses<br />
                <input type="checkbox" name="decor" value="paper" /> Paper crafts<br />
                <input type="checkbox" name="decor" value="lighting" /> Lighting<br />

    
        </fieldset>
    
    </div>

CSS

#box1{
    float:left;
    width:150px;
    height:200px;

}

#box2{
    float:right;
    width:150px;
    height:200px;

    
}

JavaScript

$(function () {
    $('select').change(function () {
        $('input:checkbox').attr('checked', false);
        var arrData = $('option:selected', this).attr('data').split(',');
        for (i in arrData) {
            $("input[value='" + arrData[i] + "']").attr('checked', true);
        }
    }).change();
});