Background image not saving in WordPress Customizer
<p>I'm trying to set a background image in the WordPress Customizer. I can upload the image and see it preview in Customizer but after I save it, its not appearing on the live site. </p>

<p>I have the following code in my customizer.php file:</p>

<pre><code>$wp_customize-&gt;add_setting( 'section_1_background_image', array(
    'default'           =&gt; get_template_directory_uri() . '/images/default.jpg',
       'transport'      =&gt; 'postMessage',
) );    
$wp_customize-&gt;add_control( new WP_Customize_Image_Control( $wp_customize, 'section_1_background_image_control', array(
    'label'             =&gt; __('Background Image','minisite'),
    'settings'          =&gt; 'section_1_background_image',
    'section'           =&gt; 'section_1',
    'priority' =&gt; 10,
) ) );
</code></pre>

<p>and the corresponding code in my customizer.js file</p>

<pre><code>wp.customize( 'section_1_background_image', function( value ) {
    value.bind( function( newval ) {
        $('#wrapper-1').css('background-image', newval );
    } );
} );
</code></pre>

<p>This same setup works fine for background colors but I believe it has to do with "url" needing to be output in the css in front of the background-image filename, which it isn't doing. </p>

<p>I also tried the following with no success:</p>

<pre><code>wp.customize( 'section_1_background_image', function( value ) {
    value.bind( function( newval ) {
        $('#wrapper-1').css('background-image', 'url("' + newval + '")' );
    } );
} );
</code></pre>

<p>Am I missing something?</p>