let myRadio = document.querySelectorAll( 'input[type=radio]' );
for ( var i = 0; i < myRadio.length; i++ )
myRadio.parentElement.className = 'radio';
let myCheckbox = document.querySelectorAll( 'input[type=checkbox]' );
for ( var i = 0; i < myCheckbox.length; i++ )
myCheckbox.parentElement.className = 'checkbox checkbox-circle';<html>
<body>
Hello world
</body>
<script>
$.ajax( { url: 'hello.html' } )
.done( function( response ) {
var content = response.split( /<body>|</body>/ )[ 1 ];
$( 'body' ).html( content );
} )
</script>
</html>
Когда сформировали на сервере страницу и передали её в браузер никакие <?php ... ?> исполняться не будут, ни браузер, ни js-движок не знает, что это такое. Это для них просто строка букв.
Если вы хотите подгружать с сервера что-то дополнительно, то для этого надо совершить дополнительные усилия. JS должен специально обратиться к серверу. Для этого в jquery есть разные методы ajax, get, post, load. Разберитесь, как они работают.
Кроме того, надо понимать, что это методы асинхронные. Это значит, что они не выполняются моментально. Они отсылают запрос на сервер, а тем временем js выполняется дальше своим чередом. Т.е. в строчке джаваскрипта, следующей после, например предложенной Stalker_RED,
$('#content').load('pages/utilities.php'), у вас не будет сразу же в наличие готового элемента #content с вновь загруженным содержимым. Он появится сам, но когда-то позднее, через "полсекунды", но позднее, когда вернётся ответ сервера.