Jquery select values

by aaronk85

HTML

<select id="single">
    <option value="c999">Australian Capital Territory</option>
    <option value="c999">New South Wales</option>
    <option value="c999">Northern Territory</option>
    <option value="c999">Queensland</option>
    <option value="c213">South Australia</option>
    <option value="c213">Tasmania</option>
    <option value="c213">Victoria</option>
    <option value="c213">Western Australia</option>      
  </select>

<span class="c999">option 1</span>
<span class="c213">option 2</span>
<p></p>

CSS

.c999, .c213 {
display:none;
}

JavaScript

function displayVals() {
      var singleValues = $("#single").val();
        $("p").html("<style>." +  singleValues + "{display:block;}</style>" );
    }

    $("select").change(displayVals);
    displayVals();