Mittels Closure durch ein Array iterieren in JavaScript

Im nachfolgenden (vereinfachten) JavaScript Closure Beispiel iteriere ich durch ein Array und gebe den Inhalt in einem Div mit der ID ‚out‘ aus.

var myarr = ["a", "b", "c", "d"], getNext, $out = $("#out");

function iterator(arr) {
  var idx = 0;
  return function () {
    return arr[idx++];
  };
}

getNext = iterator(myarr);

$out.append(getNext()+'<br />'); // a
$out.append(getNext()+'<br />'); // b
$out.append(getNext()+'<br />'); // c
$out.append(getNext()+'<br />'); // d

Ein Beispiel hierzu habe ich auf JSFiddle eingebunden.