title: changing the img src with jquery
body: <p>The html structure I have is something like:</p>
  
  <pre><code>&lt;ul id="something"&gt;
    &lt;li&gt;
      &lt;a href=""&gt;
        &lt;img src="http://domain.com/directory/file1-128x79.jpg"&gt;
      &lt;/a&gt;
    &lt;/li&gt;
    &lt;li&gt;
      &lt;a href=""&gt;
        &lt;img src="http://domain.com/directory/file2-128x79.jpg"&gt;
      &lt;/a&gt;
    &lt;/li&gt;
    &lt;li&gt;
      &lt;a href=""&gt;
        &lt;img src="http://domain.com/directory/file3-128x79.jpg"&gt;
      &lt;/a&gt;
    &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>I'm trying to change the filename from <strong>file#-128x79.jpg</strong> to <strong>file#-896x277.jpg</strong>.</p>
  
  <p>I don't know how to take the dynamically generated filename and search and replace for the src changes.</p>
  
  <p>I found my way to replacing the whole src with 'none' to make sure I got it right so far, but I don't know how to do the rest.</p>
  
  <pre><code>$('#something').removeAttr('id').prop('class', 'some-class').find('img').prop('src', 'none');
  </code></pre>