title: jQuery get generated elements attributes FF vs IE problem
body: <p>I have a click event on my select-tag (filterBA), and then the options are generated dynamicly. </p>
  
  <pre><code>$("#filterBA").click(function(event){
     var $tgt = $(event.target);
  
     if($tgt.is('option')){
          if($tgt.attr('id') != 0){
              sortRowsByBA($tgt.attr('id'));
          }else{
              appendOrReplaceRows("replace", getSortColumn(), getAscdesc());
          }
  }
  });
  </code></pre>
  
  <p>This works great... in firefox, but IE won't reconnize my $tgt as an option. I check by adding:</p>
  
  <pre><code>$("#filterBA").click(function(event){
      var $tgt = $(event.target);
      alert($tgt.is('option'));
      ...
  </code></pre>
  
  <p>And no matter what it returns false. But in FF it return true vi i hold my mouse down a selects one of the options. I don't get it, since i use the same approach when i have to select a div used in a custom select-list i created (in the same system), but when the click-event is on the  tag it won't work.</p>
  
  <p>Anybody know what might be wrong?</p>
  
  <p>btw. here is my function to generate the options:</p>
  
  <pre><code>function pupulateBA(){
  $selectTag = $('#nav select').html('&lt;option id="0"&gt;Select business area&lt;/div&gt;');
  $.ajax({
      url: "ajaxBAs.cgi",
      dataType: 'json',
      success: function(jsonData){
          for(var businessIndex in jsonData){
              $selectTag.append("&lt;option id='"+jsonData[businessIndex].id+"'&gt;"+jsonData[businessIndex].name+"&lt;/option&gt;");
          }
      },
      error: function(){
          alert('Ajax error retriving business areas to frontpage.');
      }
  });
  </code></pre>
  
  <p>}</p>
  
  <p><strong>I found a solution:</strong></p>
  
  <p>ofc im an idiot, since I forgot all about ":selected".. DOH! So here is my new event on my  tag:</p>
  
  <pre><code>$("#filterBA").change(function(){
      $('#filterBA option:selected').each(function(){
          alert($(this).attr('id'));
      });
  });
  </code></pre>
  
  <p>This works with both FF and IE on dynamically created options in a select-dropdown.</p>