WP: Localize Script

localize-script.php

<?php

// enque script
wp_enqueue_script( "myScript", get_template_directory_uri()."/js/myscript.js", array('jquery'), '1.0',true);

// Setup our data
$myDataArray = array(
	'data' => array( // Add some data
			'person' => array(
				'name'=>'Nick',
				'job' => 'Developer'
			)
		)
);

// Pass data to myscript.js on page load
wp_localize_script( "myScript", "myLocalizedData", $myDataArray );

// wp_localize_script( $handle, $objectName, $arrayOfValues );
// $handle - The enqueued script to place the data immedietly before
// $objectName - Name of the JS object that will hold the data
// $arrayOfValues - Data to pass to JS

myscript.js

$ = jQuery.noConflict();

jQuery(document).ready(function(){
	
	/**
	 * Accessing data passed to JS from WP on page load
	 */

	// Place Data in DOM
	$('#displayData').append("Name: "+myLocalizedData.data.person.name+"<br>");
	$('#displayData').append("Job: "+myLocalizedData.data.person.job+"<br>");


});