title: Error: Uncaught SyntaxError: Unexpected token <
body: <p>For some reason, I'm getting this error message:</p>
  
  <pre><code>Uncaught SyntaxError: Unexpected token &lt;
  </code></pre>
  
  <p>For this line of code:</p>
  
  <pre><code>title: '&lt;img src="/images/text/text_mario_planet_jukebox.png" id="text_mario_planet_jukebox"/&gt;',
  </code></pre>
  
  <p>In this context:</p>
  
  <pre><code>$(document).ready(function() {
      $('#infobutton').click(function() {
          $('#music_descrip').dialog('open');
      });
          $('#music_descrip').dialog({
              title: '&lt;img src="/images/text/text_mario_planet_jukebox.png" id="text_mario_planet_jukebox"/&gt;',
              autoOpen: false,
              height: 375,
              width: 500,
              modal: true,
              resizable: false,
              buttons: {
                  'Without Music': function() {
                      $(this).dialog('close');
                      $.cookie('autoPlay', 'no', { expires: 365 * 10 });
                  },
                  'With Music': function() {
                      $(this).dialog('close');
                      $.cookie('autoPlay', 'yes', { expires: 365 * 10 });
                  }
              }
          });
      });
  </code></pre>
  
  <p>I think everything should be good to go, but I don't understand why the <code>&lt;</code> is somehow throwing this off..</p>
  
  <p>whoops, forgot to show where this is happening! My bad,</p>
  
  <p><a href="http://www.marioplanet.com/index.asp" rel="noreferrer">http://www.marioplanet.com/index.asp</a></p>
  
  <p>Any ideas?</p>