jquery - how to change my innerHTML from < to &lt; -

i'm trying access inner html source , want change < , > < , > respectively,though went run code browser did render want when edit source code see <div> instead of <div> while on screen see <div>, want code posted on site.

$('.test1').html($('.test1').html().replace(/</g, '&lt;').replace(/>/g, '&gt;')); 

the above stop browser rendering code html , display code on screen in source code instead of <div> shows <div> if