title: How to get the value in element child when click a div outside element parent JQuery
body: <p>Sorry my english bad, for example I have 2 columns, every column when click <code>div.open-model</code> will show a model have a value is <code>h3.title</code>, I used jQuery but i cannot get value <code>h3.title</code> every column </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$(document).ready(function() {
    $('.open_modal').click(function(e) {
      var h3title = $(this).find('.parent .title').html();
      console.log('h3title');
      e.preventDefault();
  
    });
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;div class="parent"&gt;
    &lt;h3 class="title"&gt;Title1&lt;/h3&gt;
  &lt;/div&gt;
  &lt;div class="open-model"&gt;Open model&lt;/div&gt;
  
  &lt;div class="parent"&gt;
    &lt;h3 class="title"&gt;Title2&lt;/h3&gt;
  &lt;/div&gt;
  &lt;div class="open-model"&gt;Open model&lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>