Find the value in a loaded page

Question

I have a page with a form with data filled by ajax post; on form page fields values are loaded correctly but I cannot get loaded value from a function inside the page; here is an example:

<input type="text" id="mela">
<div style="border:1px solid black; display:none" id="vv">aaa</div>

<script>
  alert($("#mela").val());
  if ($("#mela").val()) {
    $("#vv").show();
  }
</script>

The question is: how can I get "mela" value loaded?

Answer 1

This happened to me once. I solved the problem by downgrading (or upgrading?) the JQuery. Why don't you give it a try as well?

Answer 2

If the value is loaded via AJAX, the safest way to ensure that the new value is accessible is to access it from within a callback for the AJAX request.

If you're using jQuery .load() method, it can accept a callback that executes when the request is complete.

$('someElement').load('/some/path', function() {
    alert($("#mela").val());
    if ($("#mela").val()) {
        $("#vv").show();
    }
});