title: Cannot focus on input element with mouse click
body: <p>I am working on a site here: <a href="http://www.estiponagroup.com/dev/" rel="nofollow">http://www.estiponagroup.com/dev/</a></p>
  
  <p>I actually want the search box to appear below the navigation menu but when I place it there I can't click in the box to perform a search.</p>
  
  <p>I added the same search field outside of the header to test that it works and it does. </p>
  
  <p>I can't figure out why the search in the header area doesn't work. I have tried adding a z-index to the search div but it didn't work. </p>
  
  <p>CSS:</p>
  
  <pre><code>.search-main-nav {
      float:right;
      width: 200px;
      z-index:999;
  }
  .search-main-nav input{
      border:2px solid #333;
      color:#333;
  }
  .search-main-nav label {
      color:#333;
      margin-left: -25px
  }
  .clear {
      clear:both;
  }
  </code></pre>
  
  <p>HTML (the 2 search functions are at the bottom above and below the <code>&lt;/header&gt;</code> code: </p>
  
  <pre><code>&lt;div class="wrapper" id="main-wrapper"&gt;
    &lt;header class="main-header menu-type-standard-menu"&gt;
      &lt;div class="container"&gt;
        &lt;div class="logo-and-menu-container"&gt;
          &lt;div class="logo-column"&gt;
            &lt;style&gt;.logo-image { width: 78px; }&lt;/style&gt;
            &lt;a href="http://www.estiponagroup.com/dev" class="header-logo logo-image"&gt;
              &lt;img src="//www.estiponagroup.com/dev/wp-content/uploads/2015/08/eg-logo.png" width="78" height="62" alt="logo" /&gt;
            &lt;/a&gt;
          &lt;/div&gt;
  
          &lt;div class="social-links"&gt;
            &lt;a class="facebook" target="_blank" href="https://www.facebook.com/estiponagroup"&gt;&lt;i class="icon fa fa-facebook"&gt;&lt;/i&gt;&lt;/a&gt;
          &lt;/div&gt;
  
          &lt;div class="menu-column"&gt;
            &lt;div class="standard-menu-container  menu-skin-main reveal-from-top"&gt;
              &lt;a class="menu-bar menu-skin-main hidden-md hidden-lg" href="#"&gt;
                &lt;span class="ham"&gt;&lt;/span&gt;
              &lt;/a&gt;
  
              &lt;nav&gt;
                &lt;ul id="menu-main-nav-1" class="menu"&gt;
                  &lt;li class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-631 current_page_item menu-item-645"&gt;
                    &lt;a href="http://www.estiponagroup.com/dev/"&gt;Home&lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-646"&gt;
                    &lt;a href="http://www.estiponagroup.com/dev/our-work/"&gt;Our Work&lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-647"&gt;
                    &lt;a href="http://www.estiponagroup.com/dev/our-services/"&gt;Our Services&lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-648"&gt;
                    &lt;a href="http://www.estiponagroup.com/dev/our-team/"&gt;Our Team&lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-649"&gt;
                    &lt;a href="http://www.estiponagroup.com/dev/our-story/"&gt;Our Story&lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-650"&gt;
                    &lt;a href="http://www.estiponagroup.com/dev/news/"&gt;News&lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-651"&gt;
                    &lt;a href="http://www.estiponagroup.com/dev/our-fans/"&gt;Our Fans&lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-652"&gt;
                    &lt;a href="http://www.estiponagroup.com/dev/contact/"&gt;Contact Us&lt;/a&gt;
                  &lt;/li&gt;
                &lt;/ul&gt;
              &lt;/nav&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
  
        &lt;div class="search-main-nav clear"&gt;
          &lt;form action="http://www.estiponagroup.com/dev/" class="search-form" method="get" role="search"&gt;
            &lt;input type="search" id="search_box" name="s" value="" placeholder="Search..." class="search-field"&gt;
  
            &lt;label for="search_mobile_inp"&gt;
              &lt;i class="fa fa-search"&gt;&lt;/i&gt;
            &lt;/label&gt;
  
            &lt;!--&lt;input type="submit" value="Go" class="search-submit"&gt;--&gt;
          &lt;/form&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/header&gt;
  
    &lt;div class="search-main-nav clear"&gt;
      &lt;form action="http://www.estiponagroup.com/dev/" class="search-form" method="get" role="search"&gt;
        &lt;input type="search" id="search_box" name="s" value="" placeholder="Search..." class="search-field"&gt;
  
        &lt;label for="search_mobile_inp"&gt;
          &lt;i class="fa fa-search"&gt;&lt;/i&gt;
        &lt;/label&gt;
  
        &lt;!--&lt;input type="submit" value="Go" class="search-submit"&gt;--&gt;
      &lt;/form&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>