title: Set input fields to the current value of label elements
body: <p>How can I get the current value of the label elements within function <code>showEditionBlock()</code> and set them to the corresponding input fields? The function will show the "edit" div, but the inputs are not getting the original values of the labels.</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
          &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"&gt;&lt;/script&gt;
  
  &lt;/head&gt;
  &lt;script&gt;
  $(document).ready(
      function()
          {
  
             $("#companyNameText").keyup(
             function()
             {
                 $("#companyNameLabel").html(this.value);
             });
  
             $("#companyCountryText").keyup(
             function()
             {
                 $("#companyCountryLabel").html(this.value);
             });
      });
  function showEditionBlock(){
      //$("div#edit").css('display','block').fadeIn("slow");  
      $("div#edit").fadeIn('slow', function(){ 
              $(this).css('display', 'inline'); 
          }); 
      }
  
  function hideEditionBlock(){
      //$("div#edit").css('display','block').fadeIn("slow");  
      $("div#edit").fadeOut('slow', function(){ 
              $(this).css('display', 'none'); 
          }); 
      }
  
  
  
  &lt;/script&gt;
          &lt;body&gt;
                  &lt;div id="preview"&gt;
              &lt;fieldset&gt;
                          &lt;label id="companyNameLabel" class="workExperience"&gt;
                                  This is my company
                          &lt;/label&gt;
                          &lt;label id="companyCountryLabel" class="workExperience"&gt;
                                  This is my company Country
                          &lt;/label&gt;
                          &lt;input type="button" value="edit" onclick="showEditionBlock();"/&gt;
              &lt;/fieldset&gt;
                  &lt;/div&gt;
                  &lt;div id="edit" style="display:none;"&gt;
              &lt;fieldset&gt;
                          &lt;label&gt;Company Name: &lt;/label&gt;
                          &lt;input type="text" id="companyNameText" /&gt;
                          &lt;label&gt;Company Country: &lt;/label&gt;
                          &lt;input type="text" id="companyCountryText" /&gt;
                          &lt;input type="button" value="Ok" onclick="hideEditionBlock();"/&gt;
              &lt;/fieldset&gt;
                  &lt;/div&gt;
          &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>