Отображение JQuery выбора в зависимости от выбора

Question

У меня есть страница на моем веб-сайте, которая показывает / скрывает поля формы в зависимости от того, что

HTML / PHP Код:

<select name="task_to_do" id="task_to_do" class="form-control" required>
    <option value="0">--- CHOOSE A TASK ---</option>
    <option value="1"<?= $task['task_to_do'] == "1" ? " selected" : ""; ?>>-> task 1</option>
    <option value="2"<?= $task['task_to_do'] == "2" ? " selected" : ""; ?>>-> task 2</option>
    <option value="3"<?= $task['task_to_do'] == "3" ? " selected" : ""; ?>>-> task 3</option>                           
    <option value="4"<?= $task['task_to_do'] == "4" ? " selected" : ""; ?>>-> task 4</option>
</select>

JQuery:

<script>
$('#task_to_do').on('change',function() {

    // show public sites ...
    if (this.value == '1') {
        $("#register_public").show();
    } else {
        $("#register_public").hide();
    }

    // show private sites ...
    if (this.value == '2') {
        $("#register_private").show();
    } else {
        $("#register_private").hide();
    }

    // show login & post ...
    if (this.value == '3') {
        $("#post").show();
    } else {
        $("#post").hide();
    }

    // show email ...
    if (this.value == '4') {
        $("#email").show();
    } else {
        $("#email").hide();
    }

});
</script>

Это хорошо работает при создании задачи, у меня возникает проблема, когда задача редактируется, я разрешаю пользователю видеть свои задачи и нажимать на При нажатии кнопки редактирования пользователь увидит заполненную форму, и что должно произойти, в зависимости от того, что выбрано task_to_do , jquery покажет соответствующий раздел, так как теперь пользователю необходимо Снова выберите раздел, прежде чем он отобразится, но он должен автоматически отображаться при загрузке страницы, я не на 100% с JQuery, любые советы / или помощь будут оценены.