通过Ajax问题提交表单

Question

I have a page that dynamically generates a list of items, in each one of those items is a button that submits a from containing data from that item in the list (that is sorted and working). I submit the form via this code (Jquery):

<script type="text/javascript" src="./js/jquery.form.js"></script>
<script type="text/javascript">
    $('document').ready(function(){
        $('#readlatersubmit').ajaxForm( {
            target: '#result', 
            success: function() { 
                //$('#readlatersubmit').fadeOut('1000');   
                //$("#loader").fadeOut(); 
            } 
        }); 
        return false;
    });
</script>

When I click the button it submits the correct data and without the refreshing the whole page. The problem is that if I then go and click another one of the buttons in another one of the list items it goes to the form process page (does not submit via the Jquery).

Does anyone know how I can fix this issue?

Edit This is what my form currently looks like:

<form id='readlatersubmit' action='RL.php' method='post'>
    <input type='hidden' name='RLURL' value='".$item->get_link()."'/>
    <input type='hidden' name='RLTitle' value='".$item->get_title()."' />
    <input type='hidden' name='user-id' value='$loggedInUser->user_id' />
    <input type='image' src='images/ReadLaterRibbon_Active.png' name='submit' value='Submit' class='button' />
</form>
<div id='result'></div>

Answer 1

Remove return false and let it check. because when you click on submit once, this will hold you on false but you don't need false, just remove return or use return true,

    <script type="text/javascript" src="./js/jquery.form.js"></script>
<script type="text/javascript">
   function doitRun() {
        $('#readlatersubmit').ajaxForm( {
            target: '#result', 
            success: function() { 
                //$('#readlatersubmit').fadeOut('1000');   
                //$("#loader").fadeOut(); 
            } 
        }); 
   }
</script>