Рельсы File_field Максимальный размер стека

Question

Я пытаюсь загрузить фотографию, нажав DIV после этого урока: https://jsfiddle.net/rustybailey/2b7dD/

Однако, когда я нажимаю DIV я получаю эту ошибку
: Uncaught RangeError Превышен Максимальный размер стека вызовов

Я знаю, что это ошибка цикла. Однако я не понимаю, почему.

Вот мой код:

Html

<div align="left" class = "upload" id = "upload"> 
    <%= f.file_field :image,:style => "display: none", hide_label: true,:id => "imagem"%> 
    <div style = "margin-left: 15px" id = "foto"> 
    </div> 
    </div> 

Css

.upload{ 
width:200px; 
height:200px; 
background-color: #000000; 
display: block; 
} 

Js

$('#upload').on('click', function() { 

    $('#imagem').click(); 
    }); 

Answer 1

ИСПРАВЛЕНО:

#imagem DIV не может быть внутри #upload DIV