How to place my error message where I want it using JQuery
<p>I just received help on a different issue but am now seeing another issue. I want to control where this error message is echoed. What I am seeing is that the message is being echoed at the very bottom of my screen and that isn't where I'd like it. How to control it?</p>

<pre><code>    var div = $('&lt;div&gt;').attr('id', 'error').html('Cannot Be Blank').hide();
    $(div).addClass('ajax-error');
    $('body').append(div);
    $("#error").fadeIn(2500, function() {
      $(this).fadeOut(300, function() {
        $(this).remove();
      });
    });
</code></pre>

<hr>

<p>Based on what Karim has been telling me, this is what I have come up with but it isn't working correctly. When I refresh the screen, I can only get a single error message to echo then it won't work again.</p>

<pre><code>    var div = $('&lt;div&gt;').html('Cannot Be Blank');
    $(div).addClass('ajax-error');
    $("#error").append(div).fadeIn(2500, function() {
      $('#error').fadeOut(300, function() {
        $('#error').remove();
      });
    });
</code></pre>
