title: jQuery print variables in SPAN or P tags
body: <p>I am trying to append a variable to an HTML SPAN tag or a P tag.  I can show the variable in an INPUT tag with no problem.  I am not sure why I am having an issue showing the variable in any other tags.</p>
  
  <pre><code> &lt;script&gt;
   $(function() 
   {
     $('.forecastedit'.click(function(e)
     {
       e.preventDefault();
       $uid = $(this).attr('data-uid');
       $service = $(this).attr('data-service');
       $pol = $(this).attr('data-pol');
       $('#uid').val($uid);  // also tried $('.uid').val($uid);
       $('#fcservice').val($service); // also tried $('#fcservice span').val($fcservice);
       $('#fcpol').val($pol);
  
       $('#forecastmodal').modal('show');
     });
   });
  </code></pre>
  
  <p>Here is the HTML that needs to be appended:</p>
  
  <pre><code> &lt;div class="modal fade" id="forecastmodal"&gt;
   &lt;div class="modal-content"&gt;
     // I have no problem getting the variables to print in the INPUT tags
     &lt;input type="text" class="form-control uid" id="uid" /&gt;
     &lt;input type="text" class="form-control fcservice" id="fcservice" /&gt;
     &lt;input type="text" class="form-control fcpol" id="fcpol" /&gt;
  
     // These are the tags I would like to get the variable to print
     &lt;span class="uid" id="uid"&gt;&lt;/span&gt;
     &lt;p class="service" id="service"&gt;&lt;/p&gt;  // P tag just for example
      &lt;span class="fcpol" id="fcpol"&gt;&lt;/span&gt;
   &lt;/div&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>To reiterate, I want to be able to print out the JavaScript variables into SPAN tags or P tags rather than INPUT tags.</p>