title: how to get result of search without refreshing page
body: <p>i want to do live search without refreshing the whole page.i am new in ajax jquery.see this image </p>
  
  <p><img src="https://i.stack.imgur.com/VWxhv.jpg" alt="enter image description here"></p>
  
  <p>when we click on search button  i want to filter the results based on that without refreshing the whole page with all those required parameters chosen by sql query through PHP MySQL with AJAX Jquery, how to do this with ajax,php,mysql..</p>
  
  <p>this is html code of search panel:-</p>
  
  <pre><code> &lt;form id="frmSearch" method="post"&gt;
              &lt;table width="850px" style="font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:bold"&gt;
              &lt;tr&gt;
              &lt;td width="80px"&gt;I Want to&lt;/td&gt;
              &lt;td width="140px"&gt;Property Type&lt;/td&gt;
              &lt;td&gt;Budget&lt;/td&gt;
              &lt;td&gt;Bedrooms&lt;/td&gt;
              &lt;td&gt;Location&lt;/td&gt;
              &lt;/tr&gt;
  
  
           &lt;tr&gt;
               &lt;td width="80px"&gt;&lt;select name="want-to" class="tb112" style="height: 20px; width:80px;"&gt;
                      &lt;option value="0"&gt;Select&lt;/option&gt;
                      &lt;option value="1"&gt;Buy&lt;/option&gt;
                      &lt;option value="2"&gt;Rent&lt;/option&gt;
                    &lt;/select&gt;                &lt;/td&gt;
                  &lt;td width="140px"&gt;&lt;select id="propertyType" class="tb112" onchange="PropertyTypeSelectChanged()"    style="height: 22px; width:160px;"          name="propertyType"   &gt;
                    &lt;option selected="selected" value="-1"&gt; ---Select--- &lt;/option&gt;
                    &lt;optgroup label="ALL RESIDENTIAL"&gt;&lt;/optgroup&gt;
                    &lt;option value=" 1"&gt;Multistorey Apartment&lt;/option&gt;
                    &lt;option value="2"&gt;Builder Floor Apartment&lt;/option&gt;
                    &lt;option value="3"&gt;Residential House&lt;/option&gt;
                    &lt;option value="4"&gt;Villa&lt;/option&gt;
                    &lt;option value="5"&gt;Residential Plot&lt;/option&gt;
                    &lt;option value="6"&gt;Penthouse&lt;/option&gt;
                    &lt;option value=" 7"&gt;Studio Apartment&lt;/option&gt;
                    &lt;option value="8"&gt;Service Apartment&lt;/option&gt;
                    &lt;option value=" 9"&gt;Holiday Home&lt;/option&gt;
                    &lt;optgroup label="ALL COMMERCIAL"&gt;&lt;/optgroup&gt;
                    &lt;option value="10"&gt;Commercial Office Space&lt;/option&gt;
                    &lt;option value=" 11"&gt;Office in IT Park/ SEZ&lt;/option&gt;
                    &lt;option value=" 12"&gt;Commercial Shop&lt;/option&gt;
                    &lt;option value=" 13"&gt;Space in Shopping Mall&lt;/option&gt;
                    &lt;option value=" 14"&gt;Commercial Showroom&lt;/option&gt;
                    &lt;option value=" 15"&gt;Kiosk&lt;/option&gt;
                    &lt;option value=" 16"&gt;Business Centre&lt;/option&gt;
                    &lt;option value=" 17"&gt;Commercial Land&lt;/option&gt;
                    &lt;option value=" 18"&gt;Warehouse/ Godown&lt;/option&gt;
                    &lt;option value=" 19"&gt;Guest House&lt;/option&gt;
                    &lt;option value="20"&gt;Hotel&lt;/option&gt;
                    &lt;option value="21"&gt;Hotel Sites&lt;/option&gt;
                    &lt;option value=" 22"&gt;Industrial Land&lt;/option&gt;
                    &lt;option value="23"&gt;Industrial Building&lt;/option&gt;
                    &lt;option value=" 24"&gt;Industrial Shed&lt;/option&gt;
                    &lt;optgroup label="ALL AGRICULTURAL"&gt;&lt;/optgroup&gt;
                    &lt;option value=" 25"&gt;Agricultural Land&lt;/option&gt;
                    &lt;option value=" 26"&gt;Farm House&lt;/option&gt;
                  &lt;/select&gt;&lt;/td&gt;
                  &lt;td width="110px"&gt;
                      &lt;select name="select" id="select1" class="tb112" style=" Height:20px; width:100px;"&gt;
                        &lt;option value="-1"&gt;Min&lt;/option&gt;
                        &lt;option class="" value="1"&gt;Below 5 Lacs&lt;/option&gt;
                        &lt;option class="" value="500000"&gt;5 Lacs&lt;/option&gt;
                        &lt;option class="" value="1000000"&gt;10 Lacs&lt;/option&gt;
                        &lt;option class="" value="1500000"&gt;15 Lacs&lt;/option&gt;
                        &lt;option class="" value="2000000"&gt;20 Lacs&lt;/option&gt;
                        &lt;option class="" value="2500000"&gt;25 Lacs&lt;/option&gt;
                        &lt;option class="" value="3000000"&gt;30 Lacs&lt;/option&gt;
                        &lt;option class="" value="4000000"&gt;40 Lacs&lt;/option&gt;
                        &lt;option class="" value="5000000"&gt;50 Lacs&lt;/option&gt;
                        &lt;option class="" value="6000000"&gt;60 Lacs&lt;/option&gt;
                        &lt;option class="" value="7500000"&gt;75 Lacs&lt;/option&gt;
                        &lt;option class="" value="9000000"&gt;90 Lacs&lt;/option&gt;
                        &lt;option class="" value="10000000"&gt;1 Crore&lt;/option&gt;
                        &lt;option class="" value="15000000"&gt;1.5 Crores&lt;/option&gt;
                        &lt;option class="" value="20000000"&gt;2 Crores&lt;/option&gt;
                        &lt;option class="" value="30000000"&gt;3 Crores&lt;/option&gt;
                        &lt;option class="" value="50000000"&gt;5 Crores&lt;/option&gt;
                        &lt;option class="" value="100000000"&gt;10 Crores&lt;/option&gt;
                        &lt;option class="" value="200000000"&gt;20 Crores&lt;/option&gt;
                        &lt;option class="" value="300000000"&gt;30 Crores&lt;/option&gt;
                        &lt;option class="" value="400000000"&gt;40 Crores&lt;/option&gt;
                        &lt;option class="" value="500000000"&gt;50 Crores&lt;/option&gt;
                        &lt;option class="" value="600000000"&gt;60 Crores&lt;/option&gt;
                        &lt;option class="" value="700000000"&gt;70 Crores&lt;/option&gt;
                        &lt;option class="" value="800000000"&gt;80 Crores&lt;/option&gt;
                        &lt;option class="" value="900000000"&gt;90 Crores&lt;/option&gt;
                        &lt;option class="" value="1000000000"&gt;100 Crores&lt;/option&gt;
                        &lt;option class="" value="28"&gt;100+ Crores&lt;/option&gt;
                        &lt;option class="" value="99"&gt;On Request&lt;/option&gt;
                      &lt;/select&gt;&lt;/td&gt;
                  &lt;td width="110px"&gt;&lt;select name="select3" class="tb112" id="select3" style=" Height:20px; width:100px;"&gt;
                      &lt;option value="-1"&gt;Max&lt;/option&gt;
                      &lt;option class="" value="1"&gt;Below 5 Lacs&lt;/option&gt;
                      &lt;option class="" value="500000"&gt;5 Lacs&lt;/option&gt;
                      &lt;option class="" value="1000000"&gt;10 Lacs&lt;/option&gt;
                      &lt;option class="" value="1500000"&gt;15 Lacs&lt;/option&gt;
                      &lt;option class="" value="2000000"&gt;20 Lacs&lt;/option&gt;
                      &lt;option class="" value="2500000"&gt;25 Lacs&lt;/option&gt;
                      &lt;option class="" value="3000000"&gt;30 Lacs&lt;/option&gt;
                      &lt;option class="" value="4000000"&gt;40 Lacs&lt;/option&gt;
                      &lt;option class="" value="5000000"&gt;50 Lacs&lt;/option&gt;
                      &lt;option class="" value="6000000"&gt;60 Lacs&lt;/option&gt;
                      &lt;option class="" value="7500000"&gt;75 Lacs&lt;/option&gt;
                      &lt;option class="" value="9000000"&gt;90 Lacs&lt;/option&gt;
                      &lt;option class="" value="10000000"&gt;1 Crore&lt;/option&gt;
                      &lt;option class="" value="15000000"&gt;1.5 Crores&lt;/option&gt;
                      &lt;option class="" value="20000000"&gt;2 Crores&lt;/option&gt;
                      &lt;option class="" value="30000000"&gt;3 Crores&lt;/option&gt;
                      &lt;option class="" value="50000000"&gt;5 Crores&lt;/option&gt;
                      &lt;option class="" value="100000000"&gt;10 Crores&lt;/option&gt;
                      &lt;option class="" value="200000000"&gt;20 Crores&lt;/option&gt;
                      &lt;option class="" value="300000000"&gt;30 Crores&lt;/option&gt;
                      &lt;option class="" value="400000000"&gt;40 Crores&lt;/option&gt;
                      &lt;option class="" value="500000000"&gt;50 Crores&lt;/option&gt;
                      &lt;option class="" value="600000000"&gt;60 Crores&lt;/option&gt;
                      &lt;option class="" value="700000000"&gt;70 Crores&lt;/option&gt;
                      &lt;option class="" value="800000000"&gt;80 Crores&lt;/option&gt;
                      &lt;option class="" value="900000000"&gt;90 Crores&lt;/option&gt;
                      &lt;option class="" value="1000000000"&gt;100 Crores&lt;/option&gt;
                      &lt;option class="" value="28"&gt;100+ Crores&lt;/option&gt;
                      &lt;option class="" value="99"&gt;On Request&lt;/option&gt;
                    &lt;/select&gt;                &lt;/td&gt;
                  &lt;td width="100px"&gt;      &lt;select name="BedRooms" class="tb112" style="height: 20px; width:90%;"&gt;
                            &lt;optgroup label="Numbers Of Bedrroms" disabled="disabled"&gt;&lt;/optgroup&gt;
                            &lt;option class="" value="-1"&gt;--Select--&lt;/option&gt;
                            &lt;option class="" value="1"&gt;1&lt;/option&gt;
                            &lt;option class="" value="2"&gt; 2&lt;/option&gt;
                            &lt;option class="" value="3"&gt;3&lt;/option&gt;
                            &lt;option class="" value="4"&gt;4&lt;/option&gt;
                            &lt;option class="" value="5"&gt;5&lt;/option&gt;
                            &lt;option class="" value="6"&gt;6&lt;/option&gt;
                            &lt;option class="" value="7"&gt;7&lt;/option&gt;
                            &lt;option class="" value="8"&gt;8&lt;/option&gt;
                            &lt;option class="" value="9"&gt;9&lt;/option&gt;
                            &lt;option class="" value="10"&gt;9+&lt;/option&gt;
                          &lt;/select&gt;                &lt;/td&gt;
  
                  &lt;td&gt;
                      &lt;select name="city1" class="tb112" style="height: 20px; width:90%;"&gt;
                          &lt;option selected="selected" value="0"&gt;Select&lt;/option&gt;
                          &lt;option class="boldclass" value="12"&gt;Mumbai (All)&lt;/option&gt;
                          &lt;option class="" value="14"&gt;Central Mumbai suburbs&lt;/option&gt;
                          &lt;option class="" value="275"&gt;Mira Road And Beyond&lt;/option&gt;
                          &lt;option class="" value="218"&gt;Mumbai Andheri-Dahisar&lt;/option&gt;
                          &lt;option class="" value="274"&gt;Mumbai Beyond Thane&lt;/option&gt;
                          &lt;option class="" value="13"&gt;Mumbai Harbour&lt;/option&gt;
                          &lt;option class="" value="15"&gt;Mumbai Navi&lt;/option&gt;
                          &lt;option class="" value="18"&gt;Mumbai Others&lt;/option&gt;
                          &lt;option class="" value="16"&gt;Mumbai South&lt;/option&gt;
                          &lt;option class="" value="17"&gt;Mumbai South West&lt;/option&gt;
                          &lt;option class="" value="219"&gt;Mumbai Thane&lt;/option&gt;
                    &lt;/select&gt;             &lt;/td&gt;
                      &lt;td width="150px"&gt;
                      &lt;input type="submit"  class="bgf"  value="Search" id="btnsearch" /&gt;             &lt;/td&gt;
                &lt;/tr&gt;
              &lt;/table&gt;
              &lt;/form&gt;
  </code></pre>