Compilare più div tramite una chiamata AJAX - html, ajax

Sto cercando di effettuare una chiamata AJAX su un'altra pagina del mio sito e prendere il contenuto di due div diverse.

Per esempio: Un'altra pagina sul mio sito ha questo contenuto

<div id="firstDiv">Content of first div</div>
<div id="secondDiv">Content of second div</div>

Voglio fare una sola chiamata AJAX per prendere il contenuto di entrambi questi div. Ho provato a fare qualcosa del genere:

$.ajax({
url: myPageURL,
success: function (contents) {
if ($(contents).find("#firstDiv").length > 0) {
var firstDivContents = $(contents).find("#firstDiv").html();
$(firstDivContents).prependTo("#Col1");
}
if ($(contents).find("#secondDiv").length > 0) {
var secondDivContents = $(contents).find("#secondDiv").html();
$(secondDivContents).prependTo("#Col2");
}
}

});

La prima istruzione IF viene eseguita e popola le mie informazioni come previsto, ma la seconda istruzione IF non fa nulla. Se commento la prima dichiarazione IF, la seconda va bene.

risposte:

Non sono sicuro di cosa sia successo, ma quando capovolgo le istruzioni IF tutto funziona perfettamente.