Incluindo campos adicionais no formulário

{% extends 'layout.html' %}

{% block content %}

<script src="https://code.jquery.com/jquery-3.2.1.js"></script>
<script>
    // if(jQuery){ alert("jQuery"); }
    $(function(){
        $("#incluir").on("click", function(){
            $("#master").append($("<input type='text' name='campo_extra[]' placeholder='Campo extra ...' class='form-control clear' style='margin:10px 0' />"));
        });
    });
</script>

<div class="row" style="margin-top: 20px;">
    {% include 'includes/menu-usuario.html' %}
    <div class="col-md-8 col-md-offset-1">

    <div class="row">
        <div class="col-md-8">
        <h3>Você ainda não realizou nenhum pedido.</h3>
        </div>
    </div>

    <div class="row">
        <div class="col-md-8 col-md-offset-2" id="recebeCampos">
            <form action="" id="master">
                <input class="form-control" type="text" placeholder="Título do seu pedido"/>
                <label class="radio-inline">
                    <input type="radio" name="optradio"/> Produto
                </label>
                <label class="radio-inline">
                    <input type="radio" name="optradio"/> Serviço
                </label>
                <a href="javascript:void(0)" id="incluir" class="clear btn btn-primary btn-lg" style="clearboth;display:block">Incluir</a>
            </form>
        </div>
    </div>
        <hr/>
        {% include 'includes/adicionar-campos.html'%}

    </div>
</div>

{% endblock %}