Bold first word jquery in WordPress

function.php

<?php
function bold_first_word() {
	$out = "
		<script type=\"text/javascript\">
			jQuery('#content h1').html(function(i,html){
			    return html.replace(/^\s*([^\s]+)(\s|$)/, '<span class=\"first-word\">$1 </span>');
			});
		</script>
	";
  echo $out;
}
add_action( 'wp_footer', 'bold_first_word', 1);
?>