Just getting my feet wet with jQuery. I'm trying to make a simple button fade slightly, but it's not working for some reason.
My goal is to have the button fade in slowly.
$(document).ready(function(){
$('button').mouseenter({
$('button').fadeTo('slow',1);
}};
});button {
border:2px solid #27ae60;
border-radius:5px;
height:50px;
width:125px;
background-color:#2ecc71;
}<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Testing jQuery</title>
</head>
<body>
<button>Click Me</button>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
</body>
</html>Appreciate any help!