Display a Modal on button click using Jquery

Question

I want to display my Modal on button click. Below is my code.

<input type="button" id="button1" value="Button" onclick="myFunction()"/>
<div id="openModal" class="modalDialog">
    <div>
        <a href="#close" title="Close" class="close">X</a>
        <h2>
            Modal Box</h2>
        <p>
            Hello world</p>
    </div>
</div>

This is my unfinished script.

<script type="text/javascript">
    $(document).ready(function () { 

    });
</script>