Add 'title' attribute to an element (using event)
<p>This is my code in HTML:</p>

<pre><code>&lt;img id="test" src="https://blah"&gt;
</code></pre>

<p>This is in my jQuery and it works:</p>

<pre><code>$( document ).on( 'mouseover', 'img', function(e) {
}
</code></pre>

<p>How can I add attribute to this 'img' element? I want this:</p>

<pre><code>&lt;img id="test" src="https://blah" title='test'&gt;
</code></pre>

<p>I tried:</p>

<pre><code>e.attr('title', 'test');
e.prop('title', 'test');
this.attr('title', 'test');
$(this).attr('title', 'test');
this.prop...
</code></pre>

<p>so on and so on.</p>