Component is returing the same ID for elements of the same type

I have not been able to find an answer to this question. I am pretty new to Ember and can't seem to make sense of what's going on.

I have two inputs in my component

in my .js I am trying to get the ID and value of each individual input.

getIdAndValue: function(value){
    this._super(...arguments);    
    console.log("element id: " + this.$('input').attr("id"));
}

The ember generates these two ids input 1: id="ember689" input2 : id="ember690"

When I click on either one the function return ember689. There are no other inputs in the HTML. How can I go about grabbing the individual id? and value?

Thanks for the help