jQuery nth-child() inserting css class in the second li
<p>I want insert the class <code>.tech</code> in the second <code>&lt;li&gt;</code> what it is wrong in that code bellow?</p>

<p><strong>html:</strong></p>

<pre><code>&lt;div class="menu"&gt;
  &lt;nav class="sidebar"&gt;
    &lt;div class="client"&gt;
      &lt;div class="client-open"&gt;
        &lt;ul class="sidebar-nav"&gt;
          &lt;li&gt;link1&lt;/li&gt;
          &lt;li&gt;link 2&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/nav&gt;
&lt;/div&gt;
</code></pre>

<p><strong>jquery:</strong></p>

<pre><code>$(function() {
    $( ".sidebar-nav ul li:nth-child(2)" ).addClass('tech');
});
</code></pre>