title: Replace SRC attribute with TITLE in LI Tag
body: <p>I have the HTML given below:</p>
  
  <pre><code>&lt;ul id="thumbsPhotos"&gt;
       &lt;li src="/images/1alvaston-hall-relaxing-lg.jpg"  onclick="updatePhoto (this.title)"&gt;&lt;img src="/images/1alvaston-hall-relaxing-sl.jpg"  width="56" height="56"&gt;&lt;/li&gt;
       &lt;li onclick="updatePhoto(this.title)" src=""&gt;&lt;img src="" width="56"  height="56"&gt;&lt;/li&gt;
       &lt;li onclick="updatePhoto(this.title)" src=""&gt;&lt;img src="" width="56"  height="56"&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>Now, I want to replace all the <code>src</code> in <code>&lt;li&gt;</code> tags not in <code>&lt;img&gt;</code> tags using <code>InnerHTML</code>. With this, my output will be:</p>
  
  <pre><code>&lt;ul id="thumbsPhotos"&gt;
       &lt;li title="/images/1alvaston-hall-relaxing-lg.jpg"  onclick="updatePhoto(this.title)"&gt;&lt;img src="/images/1alvaston-hall-relaxing-sl.jpg"  width="56" height="56"&gt;&lt;/li&gt;
       &lt;li onclick="updatePhoto(this.title)" title=""&gt;&lt;img src="" width="56" height="56"&gt;&lt;/li&gt;
       &lt;li onclick="updatePhoto(this.title)" title=""&gt;&lt;img src="" width="56" height="56"&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>