Estou tendo dificuldade em enviar os dados do formulário na parte em javascript , em html funciona mas a parte de quantidade que é em javascript não sei onde colocar .
[![inserir a descrição da imagem aqui][1]][1]


  [1]: https://i.sstatic.net/3Zf4V.jpg

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-js -->

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
        <script>

            $(".add").on('click',function(){ 
                var cont=0;
                var holder = $(this).closest('.pedidos');
                holder.find(".selecionados input").each(function(){
                    if($(this).val()==holder.find(".selecionar option:selected").html()){
                        cont++;
                    }
                });
                if(cont>0) { 
                    alert("Este item ja esta adicionado, altere a quantidade se deseja mais..");
                } else{
                    holder.find(".selecionados").append(
                        "<input disabled type='text' name='pedidos[]' value='" + 
                        holder.find(".selecionar option:selected").html() + 
                        "' ><input type='text' name='quantidade[]' placeholder='quantidade'><br>"
                    );
                }
            });


        </script>

<!-- language: lang-html -->

    <fieldset>
                    <label>
                        <span>Mesa</span>
                        <input type="text"id="numero_mesa" name="numero_mesa">
                    </label>
                    <label>
                        <span>Comanda:</span>
                        
                    </label>
                    <span>Refeições/Bebidas/Sobremesas:</span>
                    <div class="pedidos">

                        <select name="pedido_refeicao[]" id="pedido_refeicao"class="selecionar" >
                            <option selected disabled>Selecione</option>
                            <option >Costela de Tambaqui sem Espinha</option> 
                            <option  >Lombo de Tambaqui Frito sem Espinha</option>
                            <option >Caldeirada de Tambaqui sem Espinha</option>
                            <option >Caldeirada de Tucunaré</option> 
                            <option >Peixe no Tucupi com Camarão</option>
                            <option >Escabeche de Pirarucu</option>
                            <option >Escabeche de Tambaqui</option>
                            <option >Escabeche de Tucunaré</option>
                            <option >Tucunaré Frito</option> 
                            <option >Sardinha Frita</option>
                            <option >Jaraqui Frito</option>
                            <option >Pacu Frito</option> 
                            <option >Filé de Pirarucu Frito</option>
                            <option >Filé de Pirarucu a Milanesa</option>
                            <option >Guisado de Pirarucu</option>
                        </select>
                        <a class="add" href="#">+</a>
                        <hr>
                        Selecionados
                        <hr>
                        <div class="selecionados">

                        </div>
                    </div>
                   <br>
                    <div  class="pedidos">

                        <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
                        <select name="pedido_bebida[]" id="pedido_bebida"class="selecionar">
                            <option selected disabled>Selecione</option> 
                            <option >Fanta Laranja 1l</option> 
                            <option >Fanta Laranja 2l</option> 
                            <option >Cola Cola 1l</option>
                            <option >Cola Cola 2l</option>
                            <option >Bare 2l</option> 
                            <option >Fanta Uva</option>
                            <option >Fanta Laranja</option>
                            <option >Sprit</option> 
                            <option >Cola Cola </option>
                            <option >Cola Cola zero </option>
                            <option >Guaraná Antarctica</option> 
                            <option >Guaraná Baré</option>
                            <option >Suco Goiaba</option> 
                            <option >Suco Manga</option>
                            <option >Suco Pessego</option>
                            <option >Suco Uva</option> 
                            <option >Suco Maracujá</option>
                            <option >Suco Laranja</option>
                            <option >Suco Caju</option> 
                            <option >Agua Mineral </option>
                            <option >Agua com Gas </option>
                            <option >Cerveja em Lata</option> 
                            <option >Limonada Natural</option>
                        </select>
                        <a class="add" href="#">+</a>
                        <hr>
                        Selecionados
                        <hr>
                        <div class="selecionados">

                        </div>

                    </div>
    <br>
    <button class="btn" type="submit">Fazer Pedido</button>   
                </fieldset>

<!-- end snippet -->

Esse é meu código , quero acrescentar em refeição o num_refeicao e em bebida  num_bebida que é o mesmo que quantidades , como posso fazer ?minha query

    <?php
    error_reporting(-1);
    ini_set('display_errors', 'On');
    
    //Criar a conexao
    $link = new mysqli ("localhost", "root", "", "peixaria");
    if($link->connect_errno){
         echo"Nossas falhas local experiência ..";
         exit();
    }
    
    if($_SERVER['REQUEST_METHOD'] == 'POST') {
        $numero_mesa = $_POST['numero_mesa'];
    	$pedido_refeicao = $_POST['pedido_refeicao'];
    	$num_refeicao = $_POST['num_refeicao'];
    	$pedido_bebida = $_POST['pedido_bebida'];
    	$num_bebida = $_POST['num_bebida'];
            $sql="INSERT INTO mpedido(numero_mesa,pedido_refeicao,num_refeicao,pedido_bebida,num_bebida) VALUES('$numero_mesa','$pedido_refeicao','$num_refeicao','$pedido_bebida','$num_bebida')";
            $resultado_pedido = mysqli_query($link,$sql);
    		
    }
    ?>

 

    <form method="post" action="pedidos.php">
                <header>
                    <h2>Fazer Pedido</h2>
                </header>
                <fieldset>
                    <label>
                        <span>Mesa</span>
                        <input type="text"id="numero_mesa" name="numero_mesa">
                    </label>
                    <label>
                        <span>Comanda:</span>
                        
                    </label>
                    <span>Refeições/Bebidas/Sobremesas:</span>
                    <div class="pedidos">
    
                        <select name="pedido_refeicao" id="pedido_refeicao"class="selecionar">
                            <option selected disabled>Selecione</option>
                            <option >Costela de Tambaqui sem Espinha</option> 
                            <option  >Lombo de Tambaqui Frito sem Espinha</option>
                            <option >Caldeirada de Tambaqui sem Espinha</option>
                            <option >Caldeirada de Tucunaré</option> 
                            <option >Peixe no Tucupi com Camarão</option>
                            <option >Escabeche de Pirarucu</option>
                            <option >Escabeche de Tambaqui</option>
                            <option >Escabeche de Tucunaré</option>
                            <option >Tucunaré Frito</option> 
                            <option >Sardinha Frita</option>
                            <option >Jaraqui Frito</option>
                            <option >Pacu Frito</option> 
                            <option >Filé de Pirarucu Frito</option>
                            <option >Filé de Pirarucu a Milanesa</option>
                            <option >Guisado de Pirarucu</option>
                        </select>
                        <a class="add" href="#">+</a>
                        <hr>
                        Selecionados
                        <hr>
                        <div class="selecionados">
    
                        </div>
                    </div>
                   <br>
                    <div  class="pedidos">
    
                        <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
                        <select name="pedido_bebida" id="pedido_bebida"class="selecionar">
                            <option selected disabled>Selecione</option> 
                            <option >Fanta Laranja 1l</option> 
                            <option >Fanta Laranja 2l</option> 
                            <option >Cola Cola 1l</option>
                            <option >Cola Cola 2l</option>
                            <option >Bare 2l</option> 
                            <option >Fanta Uva</option>
                            <option >Fanta Laranja</option>
                            <option >Sprit</option> 
                            <option >Cola Cola </option>
                            <option >Cola Cola zero </option>
                            <option >Guaraná Antarctica</option> 
                            <option >Guaraná Baré</option>
                            <option >Suco Goiaba</option> 
                            <option >Suco Manga</option>
                            <option >Suco Pessego</option>
                            <option >Suco Uva</option> 
                            <option >Suco Maracujá</option>
                            <option >Suco Laranja</option>
                            <option >Suco Caju</option> 
                            <option >Agua Mineral </option>
                            <option >Agua com Gas </option>
                            <option >Cerveja em Lata</option> 
                            <option >Limonada Natural</option>
                        </select>
                        <a class="add" href="#">+</a>
                        <hr>
                        Selecionados
                        <hr>
                        <div class="selecionados">
    
                        </div>
    
                    </div>
    <br>
    <button class="btn" type="submit">Fazer Pedido</button>   
                </fieldset>
    			
            </form>
        </main>
    
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
        <script>
    
            $(".add").on('click',function(){ 
                var cont=0;
                var holder = $(this).closest('.pedidos');
                holder.find(".selecionados input").each(function(){
                    if($(this).val()==holder.find(".selecionar option:selected").html()){
                        cont++;
                    }
                });
                if(cont>0) { 
                    alert("Este item ja esta adicionado, altere a quantidade se deseja mais..");
                } else{
                    holder.find(".selecionados").append(
                        "<input disabled type='text' name='pedidos[]' value='" + 
                        holder.find(".selecionar option:selected").html() + 
                        "' ><input type='text' name='quantidade[]' placeholder='quantidade'><br>"
                    );
                }
            });
    
    
        </script>
    
    </body>