title: How do I make an HTML button not reload the page
body: <p>I have a button (<code>&lt;input type="submit"&gt;</code>). When it is clicked the page reloads. Since I have some jQuery <code>hide()</code> functions that are called on page load, this causes these elements to be hidden again. How do I make the button do nothing, so I can still add some action that occurs when the button is clicked but not reload the page.</p>