title: jQuery Find Div within Parent
body: <p>I'm not sure I worded this correctly. But I have an HTML document setup something similar to this.</p>
  
  <pre><code>&lt;div id="intro_page" class="sub_page"&gt;
  
          &lt;div class="sub_header"&gt;&lt;img src="assets/img/intro_header.jpg" /&gt;&lt;/div&gt;
  
          &lt;div class="video_holder"&gt;
              &lt;video class="video_player"&gt;&lt;/video&gt;
          &lt;/div&gt;
  
          &lt;div class="page_text"&gt;&lt;img src="" width="1020" /&gt;&lt;/div&gt;
  
  
  &lt;/div&gt;&lt;!-- /intro_page --&gt;
  </code></pre>
  
  <p>and </p>
  
  <pre><code>&lt;div id="spark_page" class="sub_page car_page"&gt;
  
              &lt;div class="sub_header"&gt;&lt;img src="assets/img/header.jpg" /&gt;&lt;/div&gt;
  
              &lt;div class="video_holder"&gt;
                  &lt;video class="video_player"&gt;&lt;/video&gt;
              &lt;/div&gt;
  
              &lt;ul class="car_story"&gt;
                  &lt;li data-text="story1_text"&gt;&lt;img src="assets/img/story1_btn2.jpg" /&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;img src="assets/img/story2_btn2.jpg" /&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;img src="assets/img/story3_btn2.jpg" /&gt;&lt;/li&gt;
              &lt;/ul&gt;
  
  
              &lt;div class="page_text"&gt;&lt;img src="" width="1020" /&gt;&lt;/div&gt;
  
  &lt;/div&gt;&lt;!-- /spark_page --&gt;
  </code></pre>
  
  <p>I'm trying to target the <code>page_text</code> div if someone clicks on a <code>car_story li</code>. But because there are two divs that have <code>page_text</code>, I don't know how to target the one which is in the same parent div as the <code>car_story ul</code>. Hope this makes sense. Thanks!</p>
  
  <p>I've tried things similar to this, but with no luck.</p>
  
  <pre><code>$(".car_story li").click(function() {
  
      $(this).parent().find(".page_text img").attr("src","newimage.jpg");
  
  });
  </code></pre>