title: Filter a word in a image src with jquery
body: <p>I am trying to filter for a specific word ("no-image") in my image src and if it returns true, I want to remove that particular image but keep the rest of the images.</p>
  
  <p>This is my output:</p>
  
  <pre><code>&lt;div class="product"&gt;
    &lt;div class="image"&gt;
     &lt;img src="mytee-red.jpg"&gt;
     &lt;img src="mytee-blue.jpg"&gt;
     &lt;img src="mytee-black.jpg"&gt;
     &lt;img src="mytee-no-image.jpg"&gt;
   &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>This is what I've tried so far but cant seem to get it working:</p>
  
  <pre><code>var keyword = "no-image";
   $(".product .image img").filter(function(index) {
      if ($(this).attr("src") == keyword) {
          $(this).remove();
      }
  });
  </code></pre>
  
  <p>Any help would be great!!!</p>