jQuery change property on load
<p>I have this HTML</p>

<pre><code>  &lt;div id="navContainer"&gt;
    &lt;ul&gt;
      &lt;li class="selected"&gt;&lt;a href="#"&gt;Home&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;Services&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
  &lt;/div&gt;
</code></pre>

<p>And I want to change the top border of the li next to the selected one (in this case 'Services'). I have this jQuery but it does not work.</p>

<pre><code>$(document).ready(function(){
  alert($("#navContainer .selected").next().html()); // This alerts: &lt;a href="#"&gt;Services&lt;/a&gt;
  $("#navContainer .selected").next().css("border-top-color","#7d7d7d"); // This doesn't do anything
});
</code></pre>

<p>Am I doing something wrong?</p>

<p>Thanks in advance!</p>
