i have made simple ajax call. e = element on which i click

```
<div class="row">
  <div class="order_notes">  
    <div class="order_note add">
      <div class="input"><input type="text" value="" /></div>    
      <div onclick="someFunction(e)">click it</div>
    </div>
    <div class="order_note">note</div>
  </div>
</div>

```

This structure is loaded with ajax and i want after ajax to focus on input text again

```
function someFunction(e){
    jQuery.ajax({
        type: "POST",
        url: "/templates/design/inc/al_ajax.php",
        data: { action : 'add_note', order_number: o_num, commentar: com, user_id: user_id},
        beforeSend: function(data){       
        },
        success: function(data){
            e.closest(".row").find(".order_notes").html(data);
            console.log(e.closest(".row").find(".order_notes .add input").length);
            e.closest(".row").find(".order_notes .add input").focus(); 
        }   
    });
}

```

console.log returns 1 so the element exists where is the problem please. also data is correct and it correctly change everything in order\_notes **including input so i need to focus on loaded input**

PS: the strucutre is more complicated i just simplified it for example