wilornel/main.php

## main.php
<html>
  <head>
    <script src='jquery.js'></script>
    <script>
     $(document).ready(function(){

// When hovered
	$('#leftTab').on('mouseenter', '.starImg', function(){
		console.log('asdasd');
		this.src = 'images/stardown.png';
		}).on('mouseleave', '.starImg', function(){
			this.src = 'images/starup.png';
			console.log('mouseleave');
	});

// When clicked
	$('.starImg').live('click', function(){
		$(this).on('mouseleave', function(event){ event.stopPropagation(); });
	});


     });
    </script>
  </head>

  <body>
  <div class="star" rel="9"> // When the user clicks this, it sends an ajax Request to the server
    <img class="starImg" src="images/starup.png">
  </div>
  </body>
</html>
	<html>
	<head>
	<script src='jquery.js'></script>
	<script>
	$(document).ready(function(){

	// When hovered
	$('#leftTab').on('mouseenter', '.starImg', function(){
	console.log('asdasd');
	this.src = 'images/stardown.png';
	}).on('mouseleave', '.starImg', function(){
	this.src = 'images/starup.png';
	console.log('mouseleave');
	});

	// When clicked
	$('.starImg').live('click', function(){
	$(this).on('mouseleave', function(event){ event.stopPropagation(); });
	});


	});
	</script>
	</head>

	<body>
	<div class="star" rel="9"> // When the user clicks this, it sends an ajax Request to the server
	<img class="starImg" src="images/starup.png">
	</div>
	</body>
	</html>