JSFiddle - React, Tailwind, and code Playground

HTML

<!-- jQuery Plugin Authoring – The Absolute Basics – Part II blog.kevinchisholm.com -->
<!DOCTYPE html> 
<html> 
    <head> 
        <meta charset="utf-8"> 
        <title>jQuery Plugin Authoring – The Absolute Basics – Part II</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 II</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>
			(function($){
				$.fn.myPlugin = function() {
					this.each(function(index){
						$(this).css({
							'color':'green',
							'background-color': 'yellow',
							'font': 'bold 18px "Comic Sans MS",cursive,sans-serif'
						});
					});
				return this;
				};	
			})(jQuery);
		</script>
		<script>
			$(document).ready(function(){
				
				//an example of jQuery method chaining
				$('a')
				.myPlugin()
				.attr("target","_blank")
				.css("font-size","30px")
				.click(function(){
				    alert("You clicked: " + $(this).text() + "!");
				    return false;
				});	
			});
		</script>
    </body> 
</html>