Quiero ocultar un div usando JQuery al hacer clic en el evento de otro div. El problema es que el div que quiero ocultar en realidad se crea solo cuando hago clic en el div existente.

Déjame explicarte con un ejemplo de código:

HTML:

 <div class="first">I already exist and I create the second div when I am clicked</div> <div class="second">I do not exist yet, I am created when first div is clicked</div>

Lo anterior está sucediendo con otra pieza de código que escribió otro desarrollador.

Quiero escribir otro fragmento de código que ocultará el segundo div cuando se cree justo después de hacer clic en el primer div.

No tengo permiso para cambiar el código original del desarrollador original.

Mi JQuery que no funciona:

 $(".first").on("click",function() { $(".second").hide(); });