<!doctype html>

<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Coffeescript jQuery Plugin Boilerplate</title>
  <link rel="stylesheet" href="css/site.css">
  <!--[if IE]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  <![endif]-->
</head>

<body>

  <div id="container">
    <header>
      <h1>Coffeescript jQuery Plugin Boilerplate</h1>
    </header>

    <div id="main">
    </div>

    <footer>
    </footer>
  </div>

  <script src="js/libs/jquery.min.js"></script>
  <script src="js/plugin.js"></script>
  <script>
  $( function() {
    $( '#main' ).pluginName( {
      message: 'Hello World',
      callback: function( element, message ) {
        $( element ).append( message + '!' );
      }
    } );
  } );
  </script>

</body>
</html>

<!doctype html>

<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Plugin Name</title>
  <link rel="stylesheet" href="css/site.css">
  <!--[if IE]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  <![endif]-->
</head>

<body>

  <div id="container">
    <header>
      <h1>Plugin Name</h1>
    </header>

    <div id="main">
    </div>

    <footer>
    </footer>
  </div>

  <script src="js/libs/jquery.min.js"></script>
  <script src="js/pluginName.js"></script>
  <script>
  $( function() {
    $( '#main' ).pluginName( {
      message: 'Hello World',
      callback: function( element, message ) {
        $( element ).append( message + '!' );
      }
    } );
  } );
  </script>

</body>
</html>

Make the demo page more generic
Make the demo page more generic