title: jQuery/JavaScript - Displaying value from text-input in <span>-placeholders
body: <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>