title: Append button's value to input text , every time button is clicked
body: <p>Let me show you a piece of my code so you know what I'm struggling with.</p>
  
  <pre><code>&lt;input type="text" id="input" /&gt;
  </code></pre>
  
  <p>This is the input element I am talking about. What I want to do is put the value of :</p>
  
  <pre><code>&lt;input type="button" id="b1" value="1" /&gt;
  </code></pre>
  
  <p>in the textbox everytime the button is clicked. </p>
  
  <p>A side question I can't google because it's part of searching syntax.</p>
  
  <p>What is the difference between <code>""</code> and <code>''</code> (with something in-between) and when do you use one of them? </p>
  
  <p>EDIT: Right now the click event is adding the value of the button to the textbox. But not to the text inside the textbox! IT just literally adds it, as if the textbox is a division or something.</p>
  
  <p>The jquery/javascript code</p>
  
  <pre><code>$("#b1").click(toev);
  
  function toev(){           
                 $("#input").text($(append($(this).val())));
                  };
  </code></pre>