how to manipulate input element and more..

how to manipulate input element and more..

hi guys,
I'm pretty new to Jquery so forgive me if i may sound foolish. here's the situation i'm facing. i have two div's. one containing 4 checkboxes and the other containing an un-ordered list with no child/children. i intend to fill up this particular un-ordered list with the values of the four check boxes. so as i select each check-boxes, each values are display as a list. here's my html code on it.
<div id="one">
      <input type="checkbox" name="first" value="Jide" />
      <input type="checkbox" name="first"  value="Tom" />
      <input type="checkbox" name="first"  value="Fem" />
      <input type="checkbox" name="first"  value="Weng" />
</div>
<div id="two">
      <ul></ul>
</div>