title: How can I add a jQuery .data() attribute to a dropdownlist option element
body: <p>I am trying to add some extra data using jQuerys .data() to a element on a dropdownlist, the dropdown list is populating property and the ID I want is there, but when I try and access the data is showing up and undefined. </p>
  
  <p>Population code.</p>
  
  <pre><code> $.each(tutorArray, function(index, item){
          var TID= item.T.Id        
          $.each(item.T.TimeList, function(ind, i) {
              $(ddl).append($('&lt;option&gt;&lt;/option&gt;').val(i.StartTime).html(i.StartTime + ' - ' + i.EndTime).data({
                  TID: TID
              }));
          });
      });  
  </code></pre>
  
  <p>access code</p>
  
  <pre><code>$(ddl).bind('change', function() {
          if($(this).val() != '') {
  
              var time = $(this).val(); 
  
              showConfirmRequestTutorCallDialogue(d, time, $(ddlDurationSelector).val(), $(this).data("TID"), $(ddlStudiesSelector).val())
          }
      });
  </code></pre>