title: jQuery class selectors with nested div's
body: <p>This is part of some HTML from which I need to retrieve a piece of data. The HTML is assigned to a variable called fullDescription.</p>
  
  <pre><code>&lt;p&gt;testing&lt;/p&gt;
  &lt;div class="field field-type-text field-field-video-short-desc"&gt;
      &lt;div class="field-label"&gt;Short Description:&amp;nbsp;&lt;/div&gt;
      &lt;div class="field-items"&gt;
          &lt;div class="field-item odd"&gt;
                  Demonstrates the basics of using the Content section of App Cloud Studio        
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="field field-type-text field-field-video-id"&gt;
      &lt;div class="field-label"&gt;Video ID:&amp;nbsp;&lt;/div&gt;
      &lt;div class="field-items"&gt;
              &lt;div class="field-item odd"&gt;
                      1251462871001        
              &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I wish to retrieve the video ID number (1251462871001).  I was thinking something like this:</p>
  
  <pre><code>var videoID = $(fullDescription).find(".field.field-type-text.field-field-video-id").find(".field-item.odd").html();
  </code></pre>
  
  <p>Although it does not generate any syntax errors, it does not retrieve the number.</p>
  
  <p>Thanks for helping out a jQuery noob!</p>
  
  <p>-Matt</p>