Question

I am unable to understand why $('#mdiv input')[1].hide(); does not work and at same time why $('#mdiv input')[1].click(); works fine?

Firstly I want to know why? Secondly how to make it working without having the id of the element?

Here is JSFiddle Link to see what i am trying and what I need

Answer 1

That’s because you are converting the jQuery object to DOM element object which has no hide method, your second code works as DOM element object has click method like jQuery object. You can use eq method instead which returns a jQuery object.

$('#mdiv input').eq(1).hide();