jquery - jQueryメニューがページを切り替えない

Question

私が書いているいくつかの jQuery メニューに問題があります。セットアップした「div ページ」を切り替えることができないようです。ここで行ったことをhttp://jsfiddle.net/UxNMT/にアップロードしました。私が間違っていることについての洞察をいただければ幸いです。

jQuery

$(function () {
    $("#menu").menu();
});

$(document).ready(function () {
    $('#1').show();

    $("#1").click(function () {
        $('.content').hide();
        $('#1').show();
    });

    $("#2").click(function () {
        $('.content').hide();
        $('#2').show();
    });

    $("#3").click(function () {
        $('.content').hide();
        $('#3').show();
    });
});

HTML

<div style="width:150px; background-color: #EFEFEF; float:left;">
    <ul id="menu" style="border: 0px; background:none">
        <li><a id="1" style="cursor: pointer">1</a>

        </li>
        <li><a id="2" style="cursor: pointer">2</a>

        </li>
        <li><a id="3" style="cursor: pointer">3</a>

        </li>
    </ul>
</div>
<div style="float:right; width: 595px; text-align:left; font-family: Verdana; 
padding: 10px; ">
    <div id="1" style="display: none" class="content">1</div>
    <div id="2" style="display: none" class="content">2</div>
    <div id="3" style="display: none" class="content">3</div>
</div>