jQuery append input value to iframe data-src

How can I append an input value to data-src iframe in jQuery.

var input = $("#input").val();

var iframe = $(".win");
iframe.attr("src", iframe.data("src").join(input)); 
        
console.log(iframe.data("src"));

I am doing like the above snippet but the console.log returns only the initial value without the input value that should be appended.

Does anyone know a way to do it?

Answer

You did not update data-src. You updated src attribute.

var input = $("#input").val();

var iframe = $(".win");
iframe.attr("src", iframe.data("src").join(input)); 
    
console.log(iframe.attr("src"));
console.log(iframe.data("src"));