<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>