タイトルに半角スペースをいれたら改行

<script type="text/javascript"><!-- タイトルに半角スペース入れたら改行woocommerse-->
<!--product_titleに半角スペースで改行 -->
(function ($) {
	$(function(){
    	var title = $(".product_title").text().replace(" ","<br>");
        $(".product_title").html(title);
    });
})(jQuery);
<!--ページ内に複数あるwoocommerce-loop-product__titleに半角スペースで改行 -->
(function ($) {
    $(function () {
        var ptn = / /g,
            replace = '<br>';
        $(".woocommerce-loop-product__title").each(function(){
            var title = $(this).text().replace(ptn, replace);
       		$(this).html(title); 
        });
       
    });
})(jQuery);
</script>

<?php
$title = get_the_title($ID);
$title = str_replace(" ", "<br />", $title);
echo $title;
?>