unselect multi select

Hi,

I have a multi select box that I want when the user click on the radio button it will unselect the items from the box.

this is what I have:

<label style="display: inline-block;margin-bottom: 5px;" title="Generate this report by Name" onclick="ClearSelection();">
                        <input type="radio" name="CategoryType" checked id="CategoryType" value="Name"/>
                      Name</label>


<select name="SelectName" id="SelectName" style="width: 230px; height: 100px;" multiple="">
 <OPTION value=646655>smith, joe- (646655)</OPTION> 
<OPTION selected value=6543334>knighty, Mighty- (6543334)</OPTION> 
</select>

function ClearSelection();
{

//Here I want to say if they are selected then unselect them. 
   $("#SelectName option").prop("selected", false);
}

Select allOpen in new window