jQuery 1.8.2 | Drag and Drop: Dynamically populating targeted text input but its value is not accessible.

jQuery 1.8.2 | Drag and Drop: Dynamically populating targeted text input but its value is not accessible.

A file input element selects a base64 png from desktop and a decoded text string appears in an adjacent text input element for further jQuery processing. However, when I drag and drop the same base64 png onto the file input element, the decoded text string appears in the adjacent text input element but is not subsequently processed by jQuery. It's like everything stops after line 2 of code:

  1. $('#file_input').on('change', function() {
  2. handleFiles(this.files); // Base64 decoder which inserts text string in #result
  3. var array = $("#result").val().split(",");
  4. $.each(array,function(i){
  5. ... function processing ...
The above code is enclosed in document.ready, I tried many variations of the above, even tried Find (text input element), but to no avail. Is there a way to simulate a change event for dynamically inserted text input values? Help?