Показать / скрыть Div на основе атрибута данных

Я хотел бы показать/скрыть div, используя атрибут data вместо значения. В этом примере http://jsfiddle.net/copperlocks/nebY8/8/, как я буду делать это в jQuery?

<select id="test" name="test">
    <option value="" data-id="">Select</option>
    <option value="1" data-id="a">Option 1</option>
    <option value="2" data-id="b">Option 2</option>
    <option value="3" data-id="c">Option 3</option>
    <option value="4" data-id="d">Option 4</option>
    <option value="5" data-id="e">Option 5</option>
</select>

<div id="something">Show Something</div>

Для значения...

$(document).ready(function () {
    toggleFields();
    $("#test").change(function () {
        toggleFields(); });
});

function toggleFields() {
    if ($("#test").val() > 2) $("#something").show();
    else $("#something").hide();
}

Я пробовал следующее, но, похоже, это не работает...

if ($("#test").data('id') == "a") 

if ($("#test").attr('data-id') =="a") 

Я новичок в этом и буду благодарен за вашу помощь :) Спасибо