title: Wordpress Customizer text area is changing my outputted HTML
body: <p>I have created a wordpress theme, in the wordpress theme customizer I have added a couple of text areas where a user can input their own CSS or JS to be added to the head.</p>
  
  <p>The placement of the text area is fine, i.e. when a user adds code it is displayed on the right place in the page, however it is being formatted differently.</p>
  
  <p>For example, I add the following code to one of the textareas:</p>
  
  <pre><code>jQuery(document).ready(function($){
      $('full_page').css('min-height',($(window).height()-195));  
  });
  </code></pre>
  
  <p>And in my theme it is outputted like this:</p>
  
  <pre><code>jQuery(document).ready(function($){
      $(&amp;#039;full_page&amp;#039;).css(&amp;#039;min-height&amp;#039;,($(window).height()-195));  
  });
  </code></pre>
  
  <p>As you can see, the <code>'</code> is being replaced with <code>&amp;#039;</code></p>
  
  <p>Here is the code in my customizer.php file to create the text area:</p>
  
  <pre><code>$controls[] = array(
          'type'     =&gt; 'textarea',
          'setting'  =&gt; 'js',
          'label'    =&gt; __( 'Custom JS', 'skizzar_bootstrap' ),
          'subtitle' =&gt; __( 'You can write your custom JavaScript/jQuery here. The code will be included in a script tag appended to the top of the page.', 'skizzar_bootstrap' ),
          'section'  =&gt; 'advanced',
          'priority' =&gt; 6,
          'default'  =&gt; '',
      );
  </code></pre>
  
  <p>Is there a way to stop this formatting from happening?</p>