Hi All,

I m using an image in html page. When its specific portion is clicked, it opens jquery dialog along with small icon. When i close this dialog still that 

small icon appear on html page and if this icon is clicked, it opens dialog box again.I want to remove this additional small icon.

The code is:

open_menu.js

-------------------

<script>

            $(function () {

                $("#menu-dialog1_UC1").dialog({

                    autoOpen: false,

                    width: 350,

                    height: 250,

                    title: "Menu for UC1",

                    position: "center"

                });

                $("#open-menu-dialog1_UC1").click(function () {

                    $("#menu-dialog1_UC1").dialog("open");

                });

            });

        </script>

index.html

------------------

<script src = "scripts/jquery-1.10.2.js"></script>

        <script src = "scripts/jquery-ui.js"></script>

<button id="open-menu-dialog1_UC1">

                <area shape="rect" coords="10,110,26,127" href="#" alt="click1">

Kindly suggest...