title: Rename the property names and change the values of multiple objects
body: <p>In the object below, I'd like to change the property name, <code>thumb</code>, to <code>thumbnail</code>. I'd also like to change the values of the <code>title</code> to include <code>&lt;span&gt;</code> tags.</p>
  
  <p>Here's my object:</p>
  
  <pre><code>var data = [{
      thumb: '/images/01.png',
      title: 'My title',
  },{
      thumb: '/images/02.png',
      title: 'My title',
  },{
      thumb: '/images/03.png',
      title: 'My title',
  }];
  </code></pre>
  
  <p>here's how I'd like it to look:</p>
  
  <pre><code>var data = [{
      thumbnail: '/images/01.png',
      title: '&lt;span class="red"&gt;title 1&lt;/span&gt;',
  },{
      thumbnail: '/images/02.png',
      title: '&lt;span class="red"&gt;title 2&lt;/span&gt;',
  },{
      thumbnail: '/images/03.png',
      title: '&lt;span class="red"&gt;title 3&lt;/span&gt;',
  }];
  </code></pre>
  
  <p>Here's what I've tried which doesn't work:</p>
  
  <pre><code> var i=0, count=data.length;
     for (i=0;i&lt;=count;i++){
      data[i].thumbnail=data[i].thumb;
      data[i].title="&lt;span class='red'&gt;"+data[i].title+"&lt;span&gt;";
     }
  </code></pre>