<html> <head> <script src="//code.jquery.com/jquery-latest.min.js" type="text/javascript"></script> </head> <body> <article> <header> <h1>A heading here</h1> <p class="abc">Posted by John Doe</p> <p>Some additional information here</p> </header> <h1 id="id1">A heading here 222</h1> <h1>A heading here 333</h1> <p>Lorem Ipsum dolor set amet....</p> </article> </body> <script type="text/javascript"> jQuery(document).ready(function($){ console.log('jQuery document loaded'); alert($('#id1').html('abababa')); }); </script> </html>