Improvising using the jQuery demos...

Improvising using the jQuery demos...

I have a competition coming up in about a month and during the competition, we have a chance to use jQuery and they provide the documentation (which what comes with the jQuery Stable 1.10.3 version) which includes the demos, themes, tests etc. I am having a problem with my buttons going to another page. I am honestly not good with using jQuery so please don't throw any foreign thing at me. From the demos, this is how the buttons are suppose to be displayed

Head Tag
  3. <link rel="stylesheet" type="text/css" href="css/jquery-ui.css"/>
  4. <script type="text/javascript" src="js/jquery.js"></script>
  5. <script type="text/javascript" src="js/jquery-ui.js"></script>
  6. <script type="text/javascript">
  7. $(function() {
  8. $( "input[type=submit], a, button, reset, input[type=button], input[type=reset]" )
  9. .button()
  10. .click(function( event ) {
  11. event.preventDefault();
  12. });
  13. });
  14. </script>
Body
  2. <input type="submit" value="Login"/> 
  3. <input type="reset" value="Clear"/> 
  4. <input type="button" value="Yes"/>
  5. <a href="home.jsp">Page</a>
  6. <button>View</button>
  7. <a href="home.jsp">Search</a>

The buttons look great and everything, but at then end of the day, the <a> link tags do not work. These buttons are on this page called index.jsp and I have the home.jsp file in the same folder as the index.jsp page. I am honestly not sure why its not working and I think it has something to do with something in the script tag. The jQuery pages are linked correctly onto this page in order for the functionality to work so it has nothing to do with that. 

What do I need to alter under the <script type="text/javascript"> tag to get the links to work? Please don't change up the entire code because the entire point is to improvise on what I have. 





In the past I used this code:

Head Tag
  2. <script type="text/javascript">
  3. $(function() {
  4. $( "input:submit, input:reset, input:button").button();
  5. $( "any" ).click(function() { return false; });
  6. });
  7. </script>
Body
  1. <a href="home.jsp"><input type="button" value="Home"/></a>
But in this case, what's in the body part this won't work for the first one I have above (because the button shows up weirdly) and I cannot remember where I found the script code (for the one above) within the examples. (Remember I am improvising) If anyone finds it, please tell me where (unless this is from an older version of jQuery UI).