title: Cufon doesn't work inside javascript
body: <p>I have the following problem.
  I have some text within a javascript. I want the text to look nice, so I wrapped it with "h3" which carries a cufon canvas javascript modifier, so it will look different from the normal font.
  However, text within Javascript doesn't seem to be affected by cufon.</p>
  
  <p>I've tried a few things to make it work, but nothing seems to work.</p>
  
  <p>This is the code:</p>
  
  <pre><code>jQuery.noConflict();
  jQuery(document).ready(function($) {
  
    var author = $('#author').val();
    if( author !='' &amp;&amp; $('#email').val() !='' ) {
      $('#authorData').hide();
      $('#authorData').before('&lt;div id="welcome"&gt; &lt;h3&gt;Welcome back, &lt;strong&gt;' + author + '&lt;/strong&gt;! &lt;a href="#"&gt;Edit &amp;raquo;&lt;/a&gt;&lt;/h3&gt;&lt;/div&gt;')
      $('#welcome a').toggle(
        function() {
          $('#authorData').show(300);
          $(this).html('Minimize &amp;raquo;');
          return false;
        },
        function() {
          $('#authorData').hide(300);
          $(this).html('Edit &amp;raquo;');
          return false;
        }
      );
    }
  
  });
  </code></pre>
  
  <p>My idea is to get the whole "weclome div" into the actual php and out of the javascript code and just leave a "redirector" in the javascript, but I'm not sure if that's possible at all.</p>
  
  <p>Any ideas how to make this work?</p>
  
  <p>My cufon script looks like this:</p>
  
  <pre><code> Cufon.replace('h1',{hover: true})('h2')('h3')('.stepcarousel .panel .caption .title');
  </code></pre>
  
  <p>P.S.: It kind of works in Internet Explorer, but not in Firefox. Very weird!</p>
  
  <p>Thanks a lot for any advice and suggestions! :)</p>