field .input').find('.icon-element');

        if ($iconElement.length == 0) {
            $iconElement = $('<span class="icon-element"></span>').appendTo('#craft-icon-field .input');
        }

        $iconElement.html('<span data-icon="' + value + '"></span>');
    });

    $('#craft-icon-field select').trigger('change');
})(jQuery);

</script>

<style>

.icon-element {
    padding-left: 5px;
    font-size: 16px;
}

</style>

<input type="hidden" name="layoutId" value="{{ nav.layoutId }}" />
<input type=