how to display and image using external jquery in my html file
<p>i am new to jquery, can anyone tell me how to display and image using external jquery in my html file.</p>

<p>i want my html to be clean and load the image where the image path is mentioned in the external jquery file.</p>

<p>my jquery file will be like this testjquery.js</p>

<pre><code> // url to load the image (which i dont know ,whats the code for it)
</code></pre>

<p>and in my html file.</p>

<pre><code>&lt;html&gt;
  &lt;head&gt;
    &lt;script type="text/javascript"&gt;
        (function() {
            var test = document.createElement('script');
            test.type = 'text/javascript'; 
            test.async = true;
            test.src = 'testquery.js';
            var s = document.getElementsByTagName('script')[0];
            s.parentNode.insertBefore(test, s);

            test.onload=function(){
                // function to load the external image
            }
         })();
    &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>Thanks in advance!</p>
