title: facebox[] not working within links displayed by ajax
body: <p>I've several links that require the use of facebox to display information but it wont just work with ajax. It works fine displaying information via php or javascript but within ajax, it just wont work.</p>
  
  <p>I think somewhere within ajax callback function, it's stripping off this: </p>
  
  <pre><code>rel=facebox[]
  </code></pre>
  
  <p>And without that within the links, facebox cannot work.</p>
  
  <p><strong>Here's the sample ajax code that just wont work:</strong></p>
  
  <pre><code>function dataRecHandler(){
  
      if(getData.readyState == 4){
          if(getData.status == 200){
  
      var getUserId = 3;
      var myPix = 'userpix_58513892_92.jpg';
  
              var data_div = document.getElementById('data_div');
              data_div.innerHTML =  '&lt;a href="view.php?getUserId=' + getUserId + '" rel="facebox[]"&gt;&lt;img src="user_img/' + myPix + '" width="30" height="30" /&gt;&lt;/a&gt;';         
  
          }
      }   
  
  }
  </code></pre>
  
  <p><strong>Here's a similar test with javascript that works perfectly:</strong></p>
  
  <p></p>
  
  <pre><code>var getUserId = 3;
  var myPix = 'userpix_58513892_92.jpg';
  
          var data_div = document.getElementById('data_div');
          data_div.innerHTML =  '&lt;a href="view.php?getUserId=' + getUserId + '" rel="facebox[]"&gt;&lt;img src="user_pic/'+myPix+'" width="30" height="30" /&gt;&lt;/a&gt;';
  
  &lt;/script&gt;
  </code></pre>
  
  <p>Just in case it's needed, here is the facebox codes within the head tag:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      jQuery(document).ready(function($) {
        $('a[rel*=facebox]').facebox({
          loadingImage : 'facebox/src/loading.gif',
          closeImage   : 'facebox/src/closelabel.png'
        })
      })
    &lt;/script&gt;
  </code></pre>
  
  <p>Does anyone have an idea or clue on how to fix this?</p>