title: jQuery change property on load
body: <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>