title: Get innerHtml by data-id
body: <p>I have many <code>&lt;li&gt;</code> with specific <code>data-id</code>, want to get innerHtml of first <code>&lt;Div&gt;</code></p>
  
  <p>For Example on this sample, it would to be: "World"</p>
  
  <pre><code>&lt;li class="dd-item" data-id="1123066248731271" data-slug="" data-new="1" data-deleted="0"&gt;&lt;div class="dd-handle"&gt;World&lt;/div&gt; &lt;span class="button-delete btn btn-danger btn-xs pull-right" title="Delete" data-owner-id="1123066248731271"&gt; &lt;i class="fa fa-times" aria-hidden="true"&gt;&lt;/i&gt; &lt;/span&gt;&lt;span class="button-edit btn btn-success btn-xs pull-right" title="Edit" data-owner-id="1123066248731271"&gt;&lt;i class="fa fa-pencil" aria-hidden="true"&gt;&lt;/i&gt;&lt;/span&gt;&lt;/li&gt;
  </code></pre>
  
  <p>This is my code, that doesn't help:</p>
  
  <pre><code>var target = $('[data-id="1123066248731271"]');
  alert(target.firstChild.innerHTML); 
  </code></pre>