jquery.blockUI.js

jquery.blockUI.js

Hi
New to jQuery and i'm stuck on this problem, with the code below, when i click on the textbox the overlay appears on the screen for about 1 second, how can i stop that so it only appears when i click the submit button.
 
  1.  

    <script type="text/javascript">

    $(document).ready(

    function () {

    $(

    '#frmWeather').submit(function () {

    $(

    '#frmWeather').ajaxSubmit({ target: '#dvWLR' }

    );

    return false;

    });

    });

    </

    script>

    <

    script type="text/javascript">

    $(document).ajaxStop($.unblockUI);

    function fWeather() {

    $.ajax({ url:

    'GetWeatherList', cache: false });

    }

    $(document).ready(

    function () {

    $(

    '#frmWeather').click(function () {

    $.blockUI({ message: $(

    '#domWeather')

    });

    fWeather();

    });

    // $(document).ready(function () {

    // $('#frmWeather').click(function () {

    // $.blockUI();

    // fWeather();

    // });

    // });

    </
    script>

<

div id="domWeather" style="display: none;">

<h1>

Contacting www.weather.com

</h1>

</
div>
 
Thanks
George