In order to solve an issue with selecting an <input> object (button, filechooser, etc.) based off from it's HTML CSS ID I created a simple plugin that would allow me to do so.
Since I've received some requests for the plugin itself I'll release it here
https://github.com/Thndr/c2-ChangeCSSID
All it is, is a function with an Action to find the first instance of a field with the CSS ID of 'oldID_' and then replaces it with 'newID_'
Acts.prototype.changeID = function (oldID_, newID_)
{
var file_ = $("#" + oldID_);
file_.attr('id', newID_);
};[/code:27qsytfr]
[img="https://i.imgur.com/KDNavBP.png"]
Due to the timing on how it works you have to have a fake delay/skip 1 step before the function if you are using it on complete.
I have not tested this plugin when you already have <inputs> and you mass change them, but if you change them when they spawn there should be no conflicts of it attributing the value to the wrong object.
Also make sure the page you embed the project doesn't use the same CSS IDs or there might be an issue as well, as I have no tested that.
If anyone has a suggestion on how I can target specifically the object's HTML element without needing the old CSS ID then I could remove one line out of the two needed for this function, and it will provide better assurance the wrong element isn't selected.