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() {
                alert("a");
            });
        });  
    </script>
<body onload="xxx();">
        <ul id="category" class="product_category">
         <li><h3 class="geegee">1</h3></li>
         <li><h3 class="geegee">2</h3></li>
        </ul>
    </div>
</body>
原本的 1,2 有 click的功能 ， onload 后添加的却没有 ，click 了没反应
这是为什么呢 ？该怎么解决　？