jquery点击click事件和blur事件冲突如何解决？

问题：鼠标在下拉框中点击选择时，前面的几个都可以被获取然后赋值到输入框中，但是最后一个不行。好像是click事件和blur事件冲突，才导致最后一个不能获取赋值。代码和示例如下，jquery代码该如何优化才行？

<input type="text" id="input1" value="xx"/>
<ul id="pulldown">
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
</ul>
    (function($){
        $("#input1").focus(function(){
            $("#input1").css({"text-align":"center"});
            $("#pulldown").slideDown(300);

        }).blur(function(){
            $("#pulldown").slideUp(300);
        });

        $("#pulldown>li").click(function(){
            $("#input1").val($(this).text());
        });

    })(jQuery);