给input设置mouseover/mouseout事件出现的问题?

mouseover/mouseout不起作用，但是点击input的话.downMore会出现，

还有一个问题如果把加一个disabled属性，他就不响应任何事件，不知该怎么破？

 $(".checkEare input").on("mouseover",function(){
            $(this).next("ul").show();
        });
        $(".checkEare input").on("mouseout",function(){
            $(this).next("ul").hide();
  });

<div class="checkEare">
           <input type="text" class="inputText downicon" placeholder="省份">
           <ul class="downMore" style="display: none">
                <li>省份一</li>
                <li>省份一</li>
                <li>省份一</li>
                <li>省份一</li>
           </ul>
</div>