jquery 添加html元素后 html中click失效问题

jqeury 添加html 元素后 .click 失效问题

<script>
    function xxx() {
        var abc = '<li><h3 class="geegee">3</h3></li>';
        var acc = '<li><h3 class="geegee">4</h3></li>';
        output = $(abc + acc);
        $('#category').append(output);
    }
</script>

<script>
    $(document).ready(function() {
        $(".geegee").click(function() { //bug
            alert("a");
        });
    });
</script>

 改掉

$("#category").delegate(".geegee","click",function() {
    alert("a");
});

 ddd