Issue on Replacing Special Characters in a <pre>

Issue on Replacing Special Characters in a <pre>

I am trying to use a jQuery Plugin for highlighting my Snippet at This Demo  but the browser assumes that 

  1.  <pre class="php">  <?php     echo "My first PHP script!"; ?> </pre>

is a originally PHP code which it is! now the solution is:

Replacing  all  <  with  &lt;  and  >  with  &gt;

inside the  <pre class="php">

Now can you please let me know how can I use the jQuery to replace all < and > characters inside the <pre> with &lt; and &gt; before loading the page?


Thanks