jQuery/JavaScript - Displaying value from text-input in <span>-placeholders
<h2>I FORMULATED MY SELF VERY BADLY!</h2>

<p>I will start over :) I appreciate your good answers, and if you can, try answering this: ( I will try to be more specific this time)</p>

<p>What I want is, that a <code>&lt;form&gt;</code>element onsubmit, onclick of a button or whatever takes the value of an <code>&lt;input type="text" value="Default value"&gt;</code> and inserts it in a couple of <code>&lt;span&gt;</code>elements, I like to call "placeholders". This sample might explain it a little better:</p>

<pre><code>&lt;head&gt;
&lt;script type="text/javascript"&gt;
$(document).ready(function() 
{
$("input[type=button]").click(function //click the button
{ do_the_magic_thing() //make the value from id="txt_inp" appear in class="placeholder"
}); 
});
&lt;/script&gt;
&lt;/head&gt;

&lt;body&gt;
&lt;form method="POST" action="" id="theForm"&gt; //could also be get, I don't care
&lt;input type="text" id="txt_inp" value="Default Value" onfocus="if (this.value == Default Value) this.value=''"&gt; //this SHOULD make the Default Value dissapear on focus
&lt;input type="button"&gt; //could also be a submit

&lt;span class="placeholder"&gt;&lt;/span&gt; //$("#txt_inp").value; goes here
&lt;span class="placeholder"&gt;&lt;/span&gt; //$("#txt_inp").value; goes here
&lt;/body&gt;
</code></pre>

<p>Now, is it really as simple as this?:</p>

<pre><code>var do_the_magic_thing = function() {
$(".placeholder").html = $("#txt_inp").value;
};
</code></pre>

<p>I'm going to bed now - it's late in Denmark :) I will answer your comments tomorrow :)</p>

<h2>OLD POST:</h2>

<p><strike>
I am <strong>very</strong> new to this jQuery thing, but I do understand the basics and all. Let's simplify and say I have a form which looks like this:</p>

<pre><code>&lt;form method="POST" action=""&gt;
&lt;input type="text" value="Default value"&gt;
&lt;input type="submit" value="Click me"&gt;
&lt;input type="hidden"&gt; //hidden is for being able to submit by hitting enter
&lt;/form&gt;
</code></pre>

<p>I've tried with <code>$.post</code>, but I just cannot get it right; it's not working for me.</p>

<p>Now, I would like to cancel the submit (can't that be done by just adding a <code>return false;</code> in the function returning the value, if a such is present?), but this is not crucial.</p>

<p>I think I typed in something like</p>

<p><code>$.post("test.php", function(data) {<br>
alert("This is the data submitted (and cancelled):" + data);<br>
}); //I have also tried without the "test.php", that's not it</code></p>

<p>Can you tell me, what I'm doing wrong please? :)</p>

<h2>NOTE</h2>

<p><strong>It is not necessary, that the submit is cancelled, but I would like that<br>
Nor is it necessary, that POST is the method used, but once again, this is what I prefer</strong>
</strike></p>
