form values only passed once

i tried adding a form field for doing search on the page that returns the results. in the same fashion as i mentioned here (#2369289: is it possible to submit a form with a carriage return?). but this time i added a button for submit (since CR simply crashes the app). this was more odd behavior. first off i need the form to submit and then return to itself to display results and then have the field available to enter a new search term. so i did my trick of having a dummy page to submit to.

this works fine. but only the first time. every time after that that i resubmit, even though my _submit function is hit; the form_state[values] are empty.

i'll post slightly cleaned up code. btw.. maybe just my inexperience with js but i didnt see how to pass search terms through function chain. at first i thought as part of url, but as far as i can tell i can't do a menu with a % and still have that list in menu block (i.e. with item['search/%'] putting "search/%" as path in drupalgap.settings.menus['main_menu'] causes an error. so only way i could figure to do this was with a "global" var. this might be the root of my issue?

var global_search_terms;  // didnt know how else to pass search terms

function placemarks_search_form(form, form_state) {
  form.elements.search_terms = {
    title:'search',
    type:'textfield',
  };
  form.elements['submit'] = {
    type: 'submit',
    value: 'Search'
  };
  
  return form;  
}

function placemarks_search_form_submit(form, form_state) {
  var termstr = form_state['values']['search_terms'];
  global_search_terms = termstr.trim().split(/\s+/).join('+');
  if (drupalgap_get_page_id() == 'placemarks_search') {
    drupalgap_goto('placemarks_search_dummy', {reloadPage:true});
  }
  else {
    drupalgap_goto('placemarks_search', {reloadPage:true});
  }
}
 
function placemarks_search_page() {
  try {
    return {
      'search_form': {
        'markup': '<div class="search-page-search-form"></div>'  
      },
      'placemarks_search_results':{
        'theme':'jqm_item_list',
        'title':'Results',
        'items':[],
        'attributes':{'class':'placemarks_search_results'},
      }
    };
  }
  catch (error) { console.log('placemarks_search_page - ' + error); }
}

function placemarks_search_pageshow() {
  try {
    dpm(global_search_terms);
    $('.search-page-search-form').html(drupalgap_get_form('placemarks_search_form'));
    var path_to_view = 'placemarks/search/json/' + global_search_terms;
    if (global_search_terms.length > 0) { 
      views_datasource_get_view_result(path_to_view, {
        'success':function(data){
          if (data.nodes.length > 0) {
            var items = [];
            $.each(data.nodes, function(index, object){
                var node = object.node;
                items.push(l(node.name, 'node/' + node.nid));
            });
            drupalgap_item_list_populate(".placemarks_search_results", items);
          }
          //global_search_terms = '';
        }
      });
    }
  }
  catch (error) {console.log('placemarks_search_pageshow - ' + error);}
}

as i mentioned, this works, but only the first time. after submitting a search term and getting back to that page with results; i do get the field displayed above the results. but entering another term and searching only returns empty results page. i can see that subsequent calls to _submit function have form_state['values']['search_terms'] empty.

another noteworthy point in that i had to use a class rather than an id to push results to due to my dummy page idea. my guess is that results need to push to both pages since technically i think there are really 2 and they can't have the same id for 2 divs and the one the results get pushed to is not the one on the page i redirect to (not sure that makes sense outside my head).