Не могу вставить значения переменных широты и долготы в html форму. Причем тестовые значения выводятся а широта и долгота нет. Либо если вывод вставить в саму функцию, то на старнице выводится ТОЛЬКО значение, а все остальное куда-то теряется... Я в JS еще сильно новичок, наверное что то не учитываю или ошибаюсь... Код ниже
<div id="connect_form">
<form method="POST">
<script type="text/javascript">
ex='ЭТОТ ПРИМЕР ВЫВОДИТСЯ КАК НАДО';
navigator.geolocation.getCurrentPosition(function(position) {
var latitude = position.coords.latitude;
document.writeln(latitude); //ЕСЛИ СЮДА ВСТАВИТЬ ТО СОДЕРЖИМОЕ СТРАНИЦЫ ТЕРЯЕТСЯ И ВЫВОДИТСЯ ТОЛЬКО ШИРОТА
});
document.writeln('<legend>И ЭТОТ ПРИМЕР ВЫВОДИТСЯ</legend>');
document.writeln(ex);
document.writeln(latitude); //НЕ РАБОТАЕТ
</script>
<legend><?=$params['title']?></legend>
<input type="text" name="feedback_name" class="input-block-level" placeholder="Ваше имя" required='required' />
<input type="text" name="feedback_phone" class="input-block-level" placeholder="Номер телефона" required='required' />
<input type="text" name="feedback_adress" class="input-block-level" placeholder=Ваш адрес" required='required' />
<input type="submit" value="Подключиться" name="mod_feedback_submitted" class="btn btn-large btn-block btn-info" />
</form>
</div>