Obteniendo id del elemento con jquery

El código debe imprimir el ID del div seleccionado, pero no lo hace. No encontré el error. Gracias por la ayuda.

HTML

<body>
   <div id="form_area">
      <div>
         <button onclick="return add_row();" style="width:100%;">Add Row</button>
      </div>
   </div>
</body>

Javascript

$(document).ready(function() {
    $('#form_area div').click(function(e) {
        console.log($(this).attr('id'));
    });
});

function add_row() {
    var random_id = Math.floor((Math.random() * 1000) + 1); 
    $('#form_area').prepend('<div id="' + random_id + '" class="form_row"></div>');
}

Respuestas a la pregunta(4)

Su respuesta a la pregunta