Two Searchbars Triggers

Questions
1 
                      <div class="searchbar-inner">

                        <div class="searchbar-input-wrap">

                          <input type="search" placeholder="Search">

                          <i class="searchbar-icon"></i>

                          <span class="input-clear-button"></span>

                        </div>

                        <span class="searchbar-disable-button">Cancel</span>

                      </div>

                    </form>

      <div class="searchbar-inner">

        <div class="searchbar-input-wrap">

          <input type="search" placeholder="Search" />

          <i class="searchbar-icon"></i>

          <span class="input-clear-button"></span>

        </div>

        <span class="searchbar-disable-button">Cancel</span>

      </div>

    </form>

I have one searchbar in left menu and second in page. but when i click search in left menu trigger both searchbars , because of class searchbar.

How i Can avoid this event?
Thanks