title: JQuery - Remove everything after an element
body: <p>I have:</p>
  
  <pre><code>&lt;div id="container"&gt;
    &lt;div id="i_1"&gt;&lt;/div&gt;
    &lt;div id="i_2"&gt;&lt;/div&gt;
    &lt;div id="i_3"&gt;&lt;/div&gt;
    &lt;div id="i_4"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>How do I remove everything after $('#i_2')?</p>