JQuery: Append/After difficulties
<p>I have a simple input line and want to append whatever has been entered each time somebody pushes the OK button. Sounds simple so far, still I am unable to get it working
HTML:</p>

<pre><code>&lt;p&gt;
&lt;input name="todo" id="todo" type="text" value="Set Me To Value" size="32" maxlength="30" /&gt; 
&lt;p id="status"&gt;Ok&lt;/p&gt;
&lt;br&gt;
</code></pre>

<p>JQuery:</p>

<pre><code>$(document).ready(function(){
$('#status').on('click', function(){
var input = $('input[name=todo]').val();
$('&lt;br&gt;&lt;b id="taskz"&gt;'+input+'&lt;/b&gt; - &lt;b id="statusz"&gt;Ok&lt;/b&gt;').after('#status');
 });
 });
</code></pre>

<p>I also tried my luck with append or appendTo, but both times unsuccessfully. 
Just in case here is the JSFiddle: <a href="http://jsfiddle.net/NRWzE/" rel="nofollow">http://jsfiddle.net/NRWzE/</a></p>
