example.html

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
        <title></title>
    </head>
    <body>
        <script type="text/javascript" src="test/jquery.js"></script>
        <script type="text/javascript" src="../jquery-jspath/jquery.jspath.js">
            <!--
            /**
             * for this example to work you need to download 
             * 
             *     - http://github.com/thatcher/jquery-jspath -
             *     
             * into the same folder that holds this project.
             */ 
             -->
        </script>
        <script type="text/javascript" src="jquery.loremipsum.js"></script> 
        <script type="text/javascript" >
        (function($, _){
	        $(document).ready(function(){
	        	//An Uppercased title for the document
	        	document.title = "jQuery " + _.titled(3,false);
	        	
	        	//5 words from the standard lorem ipsum list
	        	$("#header00").text(_.words(5, true));
	        	
	        	//5 words all ways the same
	        	$("#sentence00").text(_.sentence());
	        	
	        	//5 words all ways the same
	        	$("#paragraph00").text(_.paragraph());
	        	
	        	//2 'uncommon' words 
	        	$("#header01").text(_.titled(2));
	        	
	        	//some random words for a list
	        	$("#wordlist00 li").each(function(){
	        		$(this).text(_.words(3));
	        	});
	        	
	        	//some paragraphs
	        	$.each(_.paragraphs(5), function(count, para){
	        		$("#content00").append("<p>"+para+"</p>");
	        	});
	        });
        })(jQuery, jsPath);
        </script>
    </body>
    <h1 id="header00"></h1>
    <p id="sentence00"></p>
    <p id="paragraph00"></p>
    <h2 id="header01"></h2>
    <ul id="wordlist00">
    	<li></li>
    	<li></li>
    	<li></li>
    	<li></li>
    </ul>
    <div id="content00"></div>
    
</html>