title: Removing an image using Javascript
body: <p>I'm wondering if how I can delete an image using jquery.  </p>
  
  <pre><code>**&lt;!--iView Slider Start --&gt;**
  
  &lt;div id="iview"&gt;
  
  **&lt;!-- Slide 1 --&gt;**
      &lt;div data-iview:thumbnail="photos/photo1_thumb.jpg" data-iview:image="images/photo1.jpg"&gt;&lt;/div&gt;
  
  **&lt;!-- Slide 2 --&gt;**
      &lt;div data-iview:thumbnail="photos/photo2_thumb.jpg" data-iview:image="images/photo2.jpg"&gt;&lt;/div&gt;
  &lt;/div&gt;
  
  **&lt;!-- iView Slider End --&gt;**
  </code></pre>
  
  <p>I'm using the iView responsive slideshow and I want to delete <strong><em>Slide 2</em></strong>.  Do I have to add a class to it then delete it using jquery?    I want to try to delete it using jquery.  If anyone has any ideas out there, please help me.  </p>
  
  <p>Thank you in advance! </p>
  
  <p>I've tried adding div classes to each slide and used the following script, but it doesn't work.</p>
  
  <pre><code>jQuery(document).ready(function($){
  $(".slide2").remove();
  });
  </code></pre>