title: Trying to concatenate a string and variable in jquery
body: <p>I am trying to concatenate in Jquery and am having lots of trouble. Everytime the page loads I want the $ sign to  appear in my div. I was able to do it in Javascript but in Jquery I can't seem to get it.</p>
  
  <p>Here is my js</p>
  
  <pre><code>$(document).ready(function(){
  
      $('#donation-amount').keyup(function() {
           var amount = $('#display-amount').text($(this).val());
      });
  })
  </code></pre>
  
  <p>I've tried this  </p>
  
  <p><code>$('.display-amount').append("&lt;span&gt;" + '$' + amount + "&lt;/span&gt;");</code></p>
  
  <p>which gives me this</p>
  
  <p><a href="https://i.stack.imgur.com/DnLwB.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/DnLwB.png" alt="enter image description here"></a></p>
  
  <p>I have also tried making a span tag and gave it a class of dollar and tried these 2 things</p>
  
  <pre><code> $('#dollar').val('$' + amount);
      $('#dollar').val($('$').val() + amount);
  </code></pre>
  
  <p>Here is my form</p>
  
  <pre><code> &lt;div class="row"&gt;
      &lt;div class="form-group"&gt;
        &lt;fieldset&gt;
          &lt;legend class="text-center"&gt;How much would you like to donate&lt;/legend&gt;
          &lt;div class="choose-pricing"&gt;
            &lt;div class="btn-group"&gt;
              &lt;button type="button" class="btn btn-default selectvalue active"&gt;10&lt;/button&gt;
              &lt;button type="button" class="btn btn-default selectvalue"&gt;15&lt;/button&gt;
              &lt;button type="button" class="btn btn-default selectvalue"&gt;20&lt;/button&gt;
              &lt;input type="Custom" name="donation-amount" class="inpt-first form-control" id="donation-amount" onclick="if(this.defaultValue == this.value) this.value = ''" onblur="if(this.value=='') this.value = this.defaultValue" value="Custom"&gt;
              &lt;input type="hidden" name="donation-amount-value" id="donation-amount-value"&gt;
            &lt;/div&gt;
            &lt;div class="money-donate"&gt;
              &lt;div class="display-amount" id="display-amount"&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/fieldset&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>Any help would be appreciated!</p>