I feel like this is a simple question, but I am still relatively new to javascript and jquery.

I am developing a site for a touch interface that uses unordered lists and jquery .click functions to take input data. I have a section to input a m:ss time, with 3 divs, each containing a list of digits for time. I need to get the input for each column and set it as a variable. I originally designed the inputs to change form inputs, because I didn't understand javascript very much. It was easy to change the 3 hidden inputs by using div id's, but I can't figure out how to do it now with javascript variables.

Here is my original jquery code...

$("div#time>div>ul>li").click(function() {
    var id = $(this).parents(".time").attr("name");
    var number = $(this).html();
    $("input#"+id).val(number);   });

The last line sets one of 3 hidden inputs equal to whatever was clicked. I need to make it so separate variables take the inputs, then I can manipulate those variables however I want.

Here's a short snippet of the html, to have an idea of how jquery grabs it.

<div id="time">
  <h1>Time</h1>
  <div name="minute" class="time" id="t_minute">
  M :
     <ul>

The full time html is here: link text

Thanks everyone!

I've been using SO to answer many questions I've had, but I couldn't find something for this, so I figured I would join, since I'm sure I will have more questions along the way.