title: jquery trigger works after clicking on li that it supposed to trigger automatically the first time
body: <p>I have ten li lists.</p>
  
  <pre><code>  1 2 3 4 5 6 7 8 9 10
  </code></pre>
  
  <p>I have my jquery trigger set like this and wrap around in a clickable button.</p>
  
  <pre><code>  $("#autoSelectLi").live("click", function(event)
    {
          $("paginationList li:eq(6)").trigger("click");
    });
  </code></pre>
  
  <p>The first time I tried to click on #autoSelectLi, nothing works. But if I manually click on li 7 and then click #autoSelectLi click on any other li (for example, li 1), then the auto jquery trigger works by automatically clicking on li 7. </p>
  
  <p>Here's the code that gets executed after using jquery trigger method.</p>
  
  <pre><code>  $("paginationList li").live("mouseenter", "mouseout", function(event)
    {
        event.stopImmediatePropagation();
        if(event.type == "mouseenter")
        {
           $(this).on("click", function(evt)
           {
                evt.stopImmediatePropagation();
                // rest of code.......
           });
        }
  </code></pre>