Why my jquerry code not working in any browers
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<style type="text/css">
.main
{
font-size:120%;
color:red;
}
$(document).ready(function(){
$("button").click(function(){
$("p").toggleClass("main");
});
});
</style>
</head>
<body>
<button>Toggle class "main" for p elements</button>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<p><b>Note:</b> Click the button more than once to see the toggle effect.</p>
</body>
</html>