切换jQuery在移动设备中不起作用

如何解决切换jQuery在移动设备中不起作用

我有一个搜索图标菜单，可以在PC设备中进行切换，但在移动设备中无法正常工作

<div class="search">
                    <form method="get" action="">
    <input class="txt_search" type="text" name="s" size="14" maxlength="255" value="" placeholder="جستجو">
</form> 
<script type='text/javascript'>
      // When your page loads
      $(document).ready(function() {
         // When the toggle areas in your navbar are clicked,toggle them
         $(".search-icon").click(function(e){
             e.preventDefault();
             $(".search").toggle();
         });
      });  
</script>
                </div>
        <i class="search-icon glyphicon glyphicon-search"></i>