 <p>You have to prevent the default <code>onclick</code>-behaviour with <code>event.preventDefault</code>:</p> <pre><code>$("button#edit&lt;?= $list['ID']; ?&gt;").click(function(e) { e.preventDefault(); $('#longURL&lt;?= $list['ID']; ?&gt;').html("&lt;input type='text' value='&lt;?= $list['longURL']; ?&gt;' /&gt;"); $('#shortURL&lt;?= $list['ID']; ?&gt;').html("&lt;div class='input-prepend'&gt;&lt;span class='add-on'&gt;http://smurl.es/&lt;/span&gt;&lt;input id='prependedInput' type='text' value='&lt;?= $list['shortURL']; ?&gt;' class='span1' /&gt;&lt;/div&gt;"); $("button#edit&lt;?= $list['ID']; ?&gt;").attr({"class": "btn btn-info btn-small test", "data-original-title": "Click to Save", "id": "save&lt;?= $list['ID']; ?&gt;"}); }); </code></pre>