{% extends "masterpage.html" %}
{% block content %}
    <div id="nav"></div>
   <h2>This is a small dance with Flask+Bootstrap+JQurey</h2> <a id="menu_loader" href="#">Load Menu</a>
    <div id="information">

    </div>
{% endblock %}

{% block scripts %}
    <script>
    $( document ).ready(function() {
        $("#menu_loader").click(function () {
            $.get( "load_menu", function( data ) {
                $( "#nav" ).html( data );
            });
        });

    });
   </script>
{%  endblock %}