Quiero quitar campo por campo pero me quita todos los campos y bloquea agregar
var nextinput = 0;
function AgregarCampos() {
nextinput++;
var campo = '<div class="row"><div class="col-xs-4"><p><input type="text" class="form-control" \n\
id="campo" name="nombres" placeholder="Ingrese el nombre" /></p></div> <div class="col-xs-4"><input \n\
type="text" class="form-control" id="campo" name="valores" placeholder="Ingrese el valor" /></div>';
var removeButton = $("<input type=\"button\" class=\"remove\" value=\"-\" />");
removeButton.click(function() {
$(this).parent().remove();
});
$("#campos").append(campo);
$("#campos").append(removeButton);
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<p>
<input onclick="AgregarCampos();" type="button" value="Agregar" class="btn btn-primary" />
</p>
<div id="campos">
</div>