title: Selecting child div by id knowing a parent div id with JQuery selectors
body: <p>I have this html:</p>
  
  <pre><code>&lt;div id="top"&gt;
  &lt;div id="potato"&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;div id="bottom"&gt;
  &lt;div id="potato"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I am trying to use JQuery to access the bottom potato div, and none of the following work.</p>
  
  <pre><code>$('#top #potato').html('Russet');
  $('#bottom #potato').html('Red');
  
  $('#top &gt; #potato').html('Russet');
  $('#bottom &gt; #potato').html('Red');
  
  $('#potato').html('Idaho');
  </code></pre>
  
  <p>All of these just modify the top div and not the bottom one. How do I modify the bottom div?</p>