Indeed Job search API integration with a website

A summary of requirements! I have a website which has a job search page where I want an Indeed Job search API to be integrated. Few details 1) The home page should also have the search but on click it should go to the job search page and display results. 2) on click of search button, [login to view URL] shouldn't open and the results should be well formatted inline with the website deisgn 3) My third requirement is for the click of a search result (a job) to auto fill some of the fields in "Indian form" in the lower part of the job search page. 4) A small button next to each search result, which on click sends them to the corresponding page in indeed.com. The current API they have provided has this link directly enabled on click of a result. instead i want it enabled on click of a separate button next to the result whereas direct click is what is described in point (3) above For the first 2, the AJAX implementation (link below) has the code whereas for the 3rd requirement, some hints of how it can be done is given in the AJAX implementation. The site which has the code for the implementation with AJAX call: [login to view URL] Link of the live website with the AJAX implementation: [login to view URL] Wix Ajax [login to view URL] Some other indeed related links: [login to view URL] Code from [login to view URL] (with the developer key in it) <style type='text/css'>#indJobContent{padding-bottom: 5px;}#indJobContent .company_location{font-size: 11px;overflow: hidden;display:block;}#[login to view URL] .job{display:block;float:left;margin-right: 5px;width: 135px;overflow: hidden}#indeed_widget_wrapper{position: relative;font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;font-size: 13px;font-weight: normal;line-height: 18px;padding: 10px;height: auto;overflow: hidden;}#indeed_widget_header{font-size:18px; padding-bottom: 5px; }#indeed_search_wrapper{clear: both;font-size: 12px;margin-top: 0px;padding-top: 2px;}#indeed_search_wrapper label{font-size: 12px;line-height: inherit;text-align: left; margin-right: 5px;}#indeed_search_wrapper input[type='text']{width: 100px; font-size: 11px; }#indeed_search_wrapper #qc{float:left;}#indeed_search_wrapper #lc{float:right;}#[login to view URL] #qc, #[login to view URL] #lc{float: none; clear: both;}#[login to view URL] input[type='text']{width: 150px;}#[login to view URL] label{display: block;padding-bottom: 5px;}#indeed_search_footer{width:295px; padding-top: 5px; clear: both;}#indeed_link{position: absolute;bottom: 1px;right: 5px;clear: both;font-size: 11px; }#indeed_link a{text-decoration: none;}#results .job{padding: 1px 0px;}#pagination { clear: both; }</style><style type='text/css'> #indeed_widget_wrapper{ width: 300px; height: 250px; background: #FFFFFF;} #indeed_widget_wrapper{ border: 1px solid #DDDDDD; } #indeed_widget_wrapper, #indeed_link a{ color: #000000;} #indJobContent, #indeed_search_wrapper{ border-top: 1px solid #DDDDDD; } #indJobContent a { color: #00c; } #indeed_widget_header{ color: #000000; } </style> <script type='text/javascript'> var ind_pub = '6759021586788417'; var ind_el = 'indJobContent'; var ind_pf = ''; var ind_q = ''; var ind_l = ''; var ind_chnl = 'none'; var ind_n = 4; var ind_d = '[login to view URL]'; var ind_t = 40; var ind_c = 30; var ind_pgn = 1; var ind_pgnCnt = 10; </script> <script type='text/javascript' src='[login to view URL]'></script> <div id='indeed_widget_wrapper' style=''> <div id='indeed_widget_header'>Jobs from Indeed</div> <div id='indJobContent' class=""></div> <div id='indeed_search_wrapper'> <script type='text/javascript'> function clearDefaults() { var formInputs = [login to view URL]('indeed_jobform').elements; for(var i = 0; i < [login to view URL]; i++) { if(formInputs[i].value == 'title, keywords' || formInputs[i].value == 'city, state, or zip') { formInputs[i].value = ''; } } } </script> <form onsubmit='clearDefaults();' method='get' action='[login to view URL]' id='indeed_jobform' target="_new"> <div id="qc"><label>What:</label><input type='text' onfocus='this.value=""' value='title, keywords' name='q' id='q'></div> <div id="lc"><label>Where:</label><input type='text' onfocus='this.value=""' value='city, state, or zip' name='l' id='l'></div> <div id='indeed_search_footer'> <div style='float:left'><input type='submit' value='Find Jobs' class='findjobs'></div> </div> <input type='hidden' name='indpubnum' id='indpubnum' value='6759021586788417'> </form> </div> <div id='indeed_link'> <a title="Job Search" href="[login to view URL]" target="_new">jobs by <img alt=Indeed src='[login to view URL]' style='border: 0;vertical-align: bottom;'> </a> </div> </div> eed/indeed