Change tab name on page

Change tab name on page

Hello,

I have searched for some examples and was not able to find any real examples of what I am trying to do.

I work for a company that purchased a piece of software that has incorrect names for tabs that open in the software, (not the browser tabs up top) it is web based software. It makes no sense to me, but that is the way it has to be until they patch it. We was told more than a year away.

On each page of my workspace I have an input#textfield I want to take the information from this textfield and then have my tab name span id="tab-2978-btnInnerE1" display the information from input#textfield-2262. Also, when I open a new tab it also will copy the device name from it's input box and update it's tab name as well.

I am use chrome and using the debugger to get those names of the elements on the page. I hope they are the correct ones.

If anyone could please show me some examples, I am not by any means good at this, I am just hoping to make my life easier! Thank you.

I have been looking for examples in Learning jQuery - Fourth Edition book I have, so if someone knows any from this book please advise