title: how can I find out the id ands value of jQuery timepicker?
body: <p>I'm using timepicker to set the start and end time for a series of events, so each timepicker looks like this, where $dateid is a unique variable.</p>
  
  <pre><code>&lt;input type='text' class='editable' id='StartTime_$dateid' name='StartTime_$dateid' value='".$row['StartTime']."' readonly /&gt;
  </code></pre>
  
  <p>when the timepicker is changed, I trigger an event like so</p>
  
  <pre><code>$("ul [id^='StartTime_']").timepicker({ 
     timeFormat: 'h:mm p',
     interval: 15,
     minTime: '5:00am',
     maxTime: '10:00pm',
     startTime: '5:00',
     dynamic: false,
     dropdown: true,
     scrollbar: true,
     change: function( selected ) {
        saveTime(id, selected);
     }
  });
  </code></pre>
  
  <p>and this will preform the desired save function </p>
  
  <pre><code>function saveTime(id,selected){
    console.log('saveTime fired id '+ id + ' v '+ selected); 
  }
  </code></pre>
  
  <p>The problem I am having is getting at the ID and the Value which I need to autosave when the users change values.  </p>
  
  <p>I'm getting either "undefined" or some rather long representation of the time like this</p>
  
  <p>saveTime id undefined v Sun Dec 31 1899 05:15:00 GMT-0500 (Eastern Standard Time)</p>
  
  <p>Value here should be 5:15 AM, which is what user sees in dropdown. If I swap out id and selected for this.id and this.value also returns <i>undefined</i> in console log.  </p>
  
  <p>Not seeing much in the timepicker docs to explain how to solve this</p>