JQuery - HTML form displays twice on screen after clicking submit button

JQuery - HTML form displays twice on screen after clicking submit button

Can someone assist with this issue? I found this code online but it is not working for me. After the 'Go' button is clicked the form is updated, then duplicated underneath. I'm trying to prevent the duplication. Any suggestions. 

See example here:  www.lsullivan.info/currency_converter.html   
(enter an amount, then click 'Go!')

Here is the code:

JS:
$("#myInputButton").click
( 
function() 
{
//document.write("test_A");
$.post
( 
//document.write("test_B"),
$("#converter").attr("action"),
$("#converter").serializeArray(),
function(info)
{ 
//document.write("test_C");
$("#result").html(info);
 return false;
//document.write("test_D");
}
);
//document.write("test_E");
}
);



$("#converter").submit( function() {
  //document.write("test_F");
  return false;
});



function clearInput() {
    $("#converter :input").each( function() {
       $(this).val('');
    });
}


HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>
    
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        
        <title>Untitled Document</title>
        
        <link href="http://www.lsullivan.info/StylesCurrency_Converter.css" rel="stylesheet" type="text/css">
    
    </head>
    
    <body class="oneColFixCtr">
        
        <!--[if lt is IE 9]-->
        <script language="javascript" type="text/javascript"  src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
        <!--[end IE9 Modification]-->
        
<script language="javascript" type="text/javascript" src="http://www.lsullivan.info/jquery.js"></script>
        
        <div id="container"> <img src="http://www.lsullivan.info/images/top_rnd_edges.png" width="361" height="47" alt="header" vspace="0" align="absbottom" hspace="0" >
          
          <div id="cont_hdr">
            
            <h1>U.S. Dollar, USD</h1>
                     
          </div>   <!-- end #cont_hdr -->
          
          <div id="mainContent">
            
            <form data-ajax-"false" id="converter" action="" method="post">
              
              <table>
                
                <tr class="usd_row">
                  <td><img src="http://www.lsullivan.info/images/flag-usa.png" width="55" height="40" alt="us_flag"></td>
                  <td><input id="us_amount" type="text" class="currency" value="1000" size="10" maxlength="10"></td>
                  <td><div id="myButton"><button type="button" id="myInputButton"></button></div></td>
                </tr>
                
                <tr class="row_hdr">
                  <td colspan=3>British Pound, GBP</td>
                </tr>
                
                <tr class="row_info">
                  <td><img src="http://www.lsullivan.info/images/flag-uk.png" width="55" height="40" alt="us_flag"></td>
                  <td colspan=2>&pound; <input type="text"id="GBP_text" class="conv_num" readonly></td>
                </tr>
                
                <tr class="row_hdr">
                  <td colspan=3>Canadian Dollar, CAD</td>
                </tr>
                
                <tr class="row_info">
                  <td><img src="http://www.lsullivan.info/images/flag-canada.png" width="55" height="40" alt="us_flag"></td>
                  <td colspan=2>$  <input type="text"id="CAD_text" class="conv_num" readonly></td>
                </tr>
                
                <tr class="row_hdr">
                  <td colspan=3>Euro, EUR</td>
                </tr>
                
                <tr class="row_info">
                  <td><img src="http://www.lsullivan.info/images/flag-euro.png" width="55" height="40" alt="us_flag"></td>
                  <td colspan=2>&euro; <input type="text"id="EUR_text" class="conv_num" readonly></td>
                </tr>
              </table>
              
 <script type="text/javascript">
 
document.getElementById('todayDate').value = Date();
 
              </script>
              
              <input type="hidden" name="currentdate" id="todayDate"/>
            
            </form>
            
          </div> <!-- end #mainContent -->
          
          <img src="http://www.lsullivan.info/images/bottom_rnd_edges.png" width="361" height="88" alt="header" vspace="0">
         
        </div> <!-- end #container -->
        
        <span id="result"></span>
        
<script language="javascript" src="http://www.lsullivan.info/js_currency_converter.js"></script>
    
    </body>

</html>