title: simulating click on first element of <li>
body: <p>I tried to simulate a click on the first <code>&lt;li&gt;</code> in the <code>&lt;ul&gt;</code>. Here's the html.</p>
  
  <pre><code>&lt;ul class="product-thumbs clearfix mCustomScrollbar _mCS_1"&gt;
      &lt;div class="mCustomScrollBox mCSB_horizontal" id="mCSB_1" style="position:relative; height:100%; overflow:hidden; max-width:100%;"&gt;
          &lt;div class="mCSB_container mCS_no_scrollbar" style="position: relative; left: 0px; width: 195px;"&gt;
              &lt;li data-full-image="/images/store_logos/e49c796f8740723601503849db95893f6592526a.jpeg" data-large-image="/images/store_logos/e49c796f8740723601503849db95893f6592526a.jpeg" class="active"&gt;
                  &lt;img src="/images/store_logos/e49c796f8740723601503849db95893f6592526a.jpeg" alt=""&gt;
              &lt;/li&gt;
              &lt;li data-full-image="/images/store_logos/05838eeaff6014af6206de1cc7a60d7335e61dc1.jpeg" data-large-image="/images/store_logos/05838eeaff6014af6206de1cc7a60d7335e61dc1.jpeg" class=""&gt;
                  &lt;img src="/images/store_logos/05838eeaff6014af6206de1cc7a60d7335e61dc1.jpeg" alt=""&gt;
              &lt;/li&gt;
          &lt;/div&gt;
          &lt;div class="mCSB_scrollTools" style="position: absolute; display: none;"&gt;
              &lt;div class="mCSB_draggerContainer" style="position:relative;"&gt;
                  &lt;div class="mCSB_dragger" style="position: absolute; left: 0px;"&gt;
                      &lt;div class="mCSB_dragger_bar" style="position:relative;"&gt;&lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="mCSB_draggerRail"&gt;&lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>Here's my jQuery:</p>
  
  <pre><code> $(".product-thumbs &gt; li:first").trigger('click');
  </code></pre>
  
  <p>Why is this not working?</p>