title: Show li on page load
body: <p>I have</p>
  
  <pre class="lang-html prettyprint-override"><code>    &lt;nav&gt;
          &lt;ul class="sel"&gt;
                &lt;li&gt;
                    &lt;a href="#LINK1" data-title="A"&gt;A&lt;/a&gt;
                &lt;/li&gt;
                &lt;li&gt;
                    &lt;a href="#LINK2"  data-title="B"&gt;B&lt;/a&gt;
                &lt;/li&gt;
                &lt;li&gt;
                    &lt;a href="#LINK3" data-title="C"&gt;C&lt;/a&gt;
              &lt;/li&gt;
          &lt;/ul&gt;
      &lt;/nav&gt;
  &lt;/header&gt;
  </code></pre>
  
  <p>When the page loads I would like the <code>&lt;li&gt;</code> with <code>&lt;a href='#LINK1' data-title="A"&gt;A&lt;/a&gt;</code> to be selected and showing. I have tried multiple jQuery solutions and none have worked.</p>
  
  <p>Is it possible to have this <code>&lt;li&gt;</code> containing this specific <code>&lt;a&gt;</code> show when the page loads?</p>
  
  <p>I have many solutions such as:</p>
  
  <p><a href="https://stackoverflow.com/questions/19091299/using-jquery-to-click-a-li-element">Using jQuery to &#39;click&#39; a li element</a></p>
  
  <p><a href="https://stackoverflow.com/questions/22130984/click-trigger-on-page-load-ul-li">Click trigger on page load (UL &gt; LI)</a></p>