JSFiddle - React, Tailwind, and code Playground

HTML

<!-- jQuery Plugin Authoring - The Absolute Basics - Part I - blog.kevinchisholm.com -->
<!DOCTYPE html> 
<html> 
    <head> 
        <meta charset="utf-8"> 
        <title>jQuery Plugin Authoring - The Absolute Basics - Part I- Part I</title>
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    </head> 
    <body> 
		<div id="container">
			<h1>jQuery Plugin Authoring - The Absolute Basics - Part I</h1>
			<nav>
				<ul>
					<li><a href="http://news.cnet.com/">CNet</a></li>
					<li><a href="http://www.cnn.com/TECH/">CNN Technology</a></li>
					<li><a href="http://news.yahoo.com/tech/">Yahoo Technology</a></li>
					<li><a href="http://www.engadget.com/">Engadget</a></li>
					<li><a href="http://www.zdnet.com/">ZDNet</a></li>
				</ul>
			</nav>
			<p>
			Lorem ipsum dolor sit amet, consectetur adipiscing elit. <a href="http://www.apple.com">Apple</a> Duis pulvinar, turpis vel lobortis mattis, orci felis malesuada metus, et volutpat velit ante nec ante. Suspendisse potenti. Etiam id nibh lorem, eget feugiat augue. <a href="http://www.nike.com">Nike</a> Ut imperdiet turpis eu diam scelerisque nec elementum mauris lacinia. Ut lacinia fermentum pretium.
			</p>
		</div>
		<script>
            //the next line runs once     
			(function(){
                //the next line runs once
				$.fn.myPlugin = function() {
			        //the next line runs once for each element returned in the jQuery collection
					this.each(function(){
                        //$(this) is the current element being iterated over
						$(this).css({
							'color':'green',
							'background-color': 'yellow',
							'font': 'bold 18px "Comic Sans MS",cursive,sans-serif'
						});
					});
				};	
			})();
		</script>
		<script>
			$(document).ready(function(){
                //for every A tag, run myPlugin() against it
				$('a').myPlugin();	
			});
		</script>
    </body> 
</html>