Problema com evento de clique

Olá

Estou com um problema com um evento de clique. Eu tenho:

<div class="content-block cards-clipboard">
 <a class="download-all">Download All</a>

 </div>

	E um JS:

	 

var html = '<div class="card demo-card-header-pic data-url='+img+'">'+
 '<div style="background-image:url('+thumb+'); background-size: 100%; height: 272px; background-repeat: no-repeat;" valign="bottom" class="card-header color-white no-border">'+html_icone_camera+'</div>'+
 '<div class="card-content">'+
 '<div class="card-content-inner">'+
 '<p class="color-gray">Postado em '+datapub+'</p>'+
 '<p>'+legenda+'</p>'+
 '</div>'+
 '</div>'+
 '<div class="card-footer-'+id_link+'">'+
 '<button data-url='+img+' data-step="download" data-cod='+id_link+' type="button" class="download-imagem btn btn-primary btn-lg btn-block '+id_link+'"><i class="fa fa-download" aria-hidden="true"></i>&nbspDownload</button>'+
 '</div>'+
'</div>';

$$(html).appendTo('.cards-clipboard');

	 

	E um gatilho

	 

$$('.download-all').on('click', function() {
 $$("button[data-step='download']").click();

 });

	Ou seja: Tenho um botão ('.download-all' ) que quando clicado, dispara um clique em outros botões gerados dinamicamente via append (var html) que possuem o atributo data-step=download. Entretanto, quando clico, todos os botões recebem o clique, menos o primeiro...

	Obs: Se eu digito no console  $$("button[data-step='download']").click();  , funciona ok (todos recebem o clique, inclusive o primeiro). 

	O que pode estar errado? 

	 

	Grato