当我使用<input>时，GET方法有效，但javascript没有

And vice versa...

I have a button that submits user input. For whatever reason I set it with <a> tags instead of <button>. Code worked so I never noticed. I later needed to use php's GET method so I changed the <a> to <input> and the GET method then applied the query strings to the url like I wanted, but the javascript code doesn't execute now like it did when I was using <a> tags for the submit button.

Also, jsfiddle says to use the POST method after the example runs, but I want to the query strings for bookmarking so that is not an option.

Example with <input> tags (I don't know how to load Twitter Bootstrap 3 on here so the code doesn't actually work on jsfiddle) http://jsfiddle.net/u4GW7/

Any ideas why one would work while the other doesn't?