title: How do I get all the <li> elements within a <div> having a specific id?
body: <p>Seems simple enough and I think I've done it before once or twice. What is the jQuery selector syntax for grabbing all the <code>&lt;li&gt;</code> elements inside a <code>&lt;div&gt;</code> with id "chapters"?</p>
  
  <p>I can get the <code>&lt;li&gt;</code> elements with <code>$('li')</code> and the div with <code>$('#chapters')</code> but I need to limit the selection to <code>&lt;li&gt;</code> within that div.</p>
  
  <p>Here is the markup, followed by the jQuery selector. It doesn't work and now I'm at a loss as to why:</p>
  
  <pre><code>&lt;li&gt;1 - outside the div&lt;/li&gt;
  
  &lt;div id="chapters"&gt;
      &lt;li&gt;One&lt;/li&gt;
      &lt;li&gt;Two&lt;/li&gt;
      &lt;li&gt;Three&lt;/li&gt;
  &lt;/div&gt;
  
  &lt;li&gt;2 - outside the div&lt;/li&gt;
  </code></pre>
  
  <p>JQuery selector:</p>
  
  <pre><code>$('#chapters li').css("background-color","red");
  </code></pre>