title: jQuery checked checkbox value shown in input textbox and uncheck will remove
body: <p>I've been trying to find the solution as said in my title where when you have multiple checkboxes and when you check a checkbox with the value such as "blood" will be added to an input textbox. Each checked value in the textbox will be separated either with space or a comma. When you uncheck a checkbox the value corresponding to it will be removed from the textbox.</p>
  
  <p>So far the closest example i've came across is from this one: <a href="https://stackoverflow.com/questions/20755892/display-checkbox-value-in-textbox-in-the-order-of-click">Display checkbox value in textbox in the order of click</a></p>
  
  <p>I've tried to change the code around a bit by using <code>&lt;input type="text" name="text" id="results" value="" /&gt;</code> and having <code>$li.text(this.value);</code> to <code>$li.val(this.value);</code> but nothing appears. Unfortunately jQuery isn't what I specialize in. </p>
  
  <p>If possible can someone please shed some light?</p>