title: Get text under draggable div (jquery)
body: <p>I have draggable div which dragging above <code>.outerDiv</code> with text content. How can I get text from <code>.outerDiv</code> which got into the borders of draggable div ?</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>$(".outerDiv .isStore").draggable({ containment: ".outerDiv" }).resizable({ containment: ".outerDiv" });</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.isStore
  {
    width: 20px;
    height: 20px;
    background-color: red;
    }
  .outerDiv
  {
    width: 160px;
    height: 160px;
    background-color: #ccc;
    }
  .ui-resizable {
  position: absolute !important;
  }</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;link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/themes/smoothness/jquery-ui.css" /&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/jquery-ui.min.js"&gt;&lt;/script&gt;
  &lt;div class='outerDiv'&gt;&lt;div class='isStore'&gt;&lt;/div&gt; sdfsdfsd
  &lt;br&gt;
  first
  &lt;br&gt;
  second
  &lt;br&gt;
  third
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p><strong>Edit:</strong> I want code that takes part of the text, under <code>.isStore</code>, from <code>.outerDiv</code> and puts it in <code>.isStore</code> after dragging.</p>
  
  <p><a href="https://i.stack.imgur.com/mWqer.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/mWqer.jpg" alt="What I want"></a></p>