add to src in img with jquery
<p>i need to change this :</p>

<pre><code>&lt;img src="example.jpg" alt=""&gt;
</code></pre>

<p>into this:</p>

<pre><code>&lt;img src="example.jpg?width=500" alt=""&gt;
</code></pre>

<p>with jquery, how can this be achived, because i don't want to overwrite the src, 
but just add that <strong>?width=500</strong> bit.</p>

<p>my code looks something like this in total:</p>

<pre><code>&lt;div class="img-wrap"&gt; 
     &lt;p&gt;&lt;a href="link"&gt;Link to something&lt;/a&gt;&lt;/p&gt;

     &lt;img src="example.jpg" alt=""&gt; 

&lt;/div&gt;
</code></pre>

<p><strong>EDIT</strong>
Okey, im sorry i did not specify, but i cannot make any changes to the img tag. 
The image is generated from the backend. the div, is the only thing i have any sort of power over.</p>