index.html

<!DOCTYPE html>
<html>
  <head>
    <title>WIP.js</title>

    <link rel="stylesheet" href="wip.css" type="text/css" />

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
    <script type="text/javascript" src="wip.js"></script>

    <script>
      $(document).ready(function(){
        $.wip();
      });
    </script>
  </head>
  <body>
    <h1 class="test">WIP.js</h1>

    <div>
      <h2>NO WIP/PIW</h2>
    </div>

    <div class="wip_1">
      <h2>WIP 1</h2>
    </div>

    <div class="piw_1">
      <h2>PIW 1</h2>
    </div>

    <div>
      <h2>NO WIP/PIW</h2>
    </div>

    <div class="wip_2">
      <h2>WIP 2</h2>
    </div>


    <div class="piw_2">
      <h2>PIW 2</h2>
    </div>

    <div>
      <h2>NO WIP/PIW</h2>
    </div>
  </body>
</html>