Usar variable javascript en Jquery en el mismo documento

[yamsita]

Estimados compañeros de antemano muchas gracias por su apoyo.

mi duda es la siguiente (ya que es el primer programa que hago con jquery).
Tengo el archivo .js con mis funciones JS y jQuery, y al inicio declaro mis variables js y algunas son van cambiando por ejemplo la variable "campos":

Código Javascript:

var campos = 0;
var cuenta = 0;
var ancho = 0;
var largo = 0;
var medida = "";
 
//y la variable "campos" cambia cada que agregamos un nuevo campo
        
//Funcion agregar campos de categoria 
function agregarCampo(){
campos = campos + 1;  //AQUI CAMBIA
 
var NvoCampo= document.createElement("div");
    NvoCampo.id= "divcampo_"+(campos);
 
    NvoCampo.innerHTML= 
"<table  width='80%' >" +
'  <tr>'+
'    <td height="30" colspan="2" bgcolor="#FAFAFA" class="Estilo2"><strong>'+campos+' Elemento de la orden de trabajo</strong></td>'+
'   <td width="23%" height="30" align="center" bgcolor="#FAFAFA" class="Estilo2">'+
"        <a href='JavaScript:quitarCampo(" + campos +");'> Quitar </a>" +
'  </tr>'+
'  <tr>'+
'    <td colspan="3" class="Estilo2">Tipo de categor&iacute;a:'+
'      <select name="categoria'+campos+'" id="categoria'+campos+'" onchange="JavaScript:agregarCampoS();">'+
'        <option selected="selected">Seleccione</option>'+
'        <option value="1">UNO</option>'+
'        <option value="2">DOS</option>'+
'      </select></td>'+
'  </tr>'+
'<tr>'+
'  <td colspan="3" class="Estilo2">'+
"<div id='contenido"+campos+"'></div>" +
'  </td>'+
'</tr>'
"</table>";
 
    var contenedor= document.getElementById("contenedorcampos");
    contenedor.appendChild(NvoCampo);
 
}
 

el problema es que mas adelante quiero usar esa variable en:

Código Javascript:

//jQuery
$(document).ready(function (){
    alert('CAMPOS: '+campos);
 
//Campos dependientes
 
   $("#categoria"+campos).change(function () {
           $("#categoria"+campos+" option:selected").each(function () {
            id_category = $(this).val();
            $.post("subcategories.php", { id_category: id_category }, function(data){
                $("#parte"+campos).html(data);
            });            
        });
   })   
});
 

pero no me detecta la variable "campos", en alert me arroja valor "0", que estoy haciendo mal???

muchas gracias por su apoyo!!!