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