<script type="text/javascript">
    $(function () {
        function makeOrder(item_id) {
            dialog = $("#dialog-form").dialog({
                autoOpen: false,
                height: 400,
                width: 350,
                modal: true,
                buttons: {
                    "Make an order": makeOrder,
                    Cancel: function () {
                        dialog.dialog("close");
                    }
                }
            });
            dialog.dialog("open");

        }
    })
</script>
<ul>
    <li style="display: inline-block;" onclick="makeOrder('item_id')">
        <img src="img/predjelo.png" class="md-trigger" data-modal="modal-18" alt="Image 1">
    </li>
</ul>
<div id="order-form" title="Make order" style="display: none">
    <p class="validateTips">All form fields are required.</p>

    <form>
        <!--order form-->
        <fieldset>
            <label for="name">Name</label>

            <input type="submit" tabindex="-1" style="position:absolute; top:-1000px">
        </fieldset>
    </form>
</div>