title: Splitting a html page based on <img> tag
body: <p>HTML PAGE:</p>
  
  <pre><code>&lt;div id="d"
      &lt;p&gt;one&lt;/p&gt;
      &lt;p&gt;two&lt;/p&gt;
      &lt;img class="select image" scr="something&gt;
      &lt;p&gt;SPLIT HERE&lt;p&gt;
      &lt;p&gt;end&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Pseudo CODE:</p>
  
  <pre><code>var element = $("#d");
    elemnet.split("img").such that =
  split_one = &lt;p&gt;one&lt;/p&gt;&lt;p&gt;two&lt;/p&gt;
  split_two = &lt;p&gt;split here&lt;p&gt;&lt;p&gt;end&lt;/p&gt;
  split_three = Name of img class i.e = select image
  </code></pre>
  
  <p>HTML PAGE may containg one or more image class inside a div?</p>