Question

Site here.

Basically the box in the middle doesn’t generate random string from my database in Firefox as it does in the other browsers. I can’t seem to find the problem, my JS skills aren’t amazing.

I haven’t tested it in IE as I don’t have access to it right now.

Any ideas?

Thank you!

Answer 1

The problem is that form is not defined where you’re using it in firefox, you could write it a bit differently to be cross-browser compatible like this:

function get() {
  $('#dare').fadeOut(500);

  $.post ('data.php', $("form").serialize(), function(output) {
    $('#dare').html(output).fadeIn(500);
  });
}

The .serialize() function will take every input element in the form a serialize it, resulting in the same request all the other browsers are making…in a lot less code 🙂