Get and replace text containig :: inside a div
<p>how can i use jquery to find ::123:: , get 123 out(as an id) then change it into an image inside a div that has many lines.</p>

<p>The div:</p>

<pre><code>&lt;div id="msg"&gt;
 &lt;ul&gt;
   &lt;li class="message"&gt;hello&lt;/li&gt;
   &lt;li class="message"&gt;123&lt;/li&gt;
   &lt;li class="message"&gt;thrid line ::123::&lt;/li&gt;
   &lt;li class="message"&gt;yes&lt;/li&gt;
   &lt;li class="message"&gt;sure&lt;/li&gt;
   &lt;li class="message"&gt;fourth line ::123::&lt;/li&gt;
 &lt;/ul&gt;
&lt;/div&gt;
</code></pre>

<p>Results would be:</p>

<pre><code>&lt;div id="msg"&gt;
 &lt;ul&gt;
   &lt;li class="message"&gt;hello&lt;/li&gt;
   &lt;li class="message"&gt;123&lt;/li&gt;
   &lt;li class="message"&gt;thrid line &lt;img src="image?id=123"&gt;&lt;/li&gt;
   &lt;li class="message"&gt;yes&lt;/li&gt;
   &lt;li class="message"&gt;sure&lt;/li&gt;
   &lt;li class="message"&gt;fourth line &lt;img src="image?id=123"&gt;&lt;/li&gt;
 &lt;/ul&gt;
&lt;/div&gt;
</code></pre>

<p>P/S the contents in the lines are just example. </p>

<p>How can i do this?</p>
