CINXE.COM
Public Interest
<!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml" prefix="og:http://ogp.me/ns# fb:http://www.facebook.com/2008/fbml" itemscope itemtype="http://schema.org/"> <head><script src="/horth-oh-Coignty-wouldreath-not-in-ther-then-imp" async></script> <script> window.dataLayer = window.dataLayer || []; window.dataLayer.push({ "contentMonth": "12", "contentDay": "10", "contentYear": "2018", "updatedDate": "12/6/2021 12:00:00 AM" }); </script> <!-- Google Tag Manager --> <script> (function(w,d,s,l,i){ w[l]=w[l]||[]; w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'}); var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:''; j.async=true; j.src='//www.googletagmanager.com/gtm.js?id='+i+dl; f.parentNode.insertBefore(j,f); }) (window,document,'script','dataLayer','GTM-MXQPC8D'); </script> <!-- End Google Tag Manager --> <!-- Load the GPT JavaScript library --> <script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script> <script> window.googletag = window.googletag || { cmd: [] }; </script> <link rel="canonical" href="https://www.apaservices.org/pi" tabindex="-1"> <meta name="description" content="Applying psychology to the fundamental problems of society to promote equitable and just treatment." /> <meta property="og:description" content="Applying psychology to the fundamental problems of society to promote equitable and just treatment." /> <meta itemprop="description" content="Applying psychology to the fundamental problems of society to promote equitable and just treatment." /> <meta name="twitter:description" content="Applying psychology to the fundamental problems of society to promote equitable and just treatment."> <meta property="og:title" content="Public Interest" /> <meta itemprop="name" content="Public Interest" /> <meta name="twitter:title" content="Public Interest"> <meta property="og:image" content="https://www.apaservices.org/Content/Images/social-share.png" /> <meta itemprop="image" content="https://www.apaservices.org/Content/Images/social-share.png" /> <meta name="twitter:image" content="https://www.apaservices.org/Content/Images/social-share.png"> <meta property="og:site_name" content="https://www.apaservices.org" /> <meta property="og:url" content="https://www.apaservices.org/pi" /> <meta property="og:type" content="article" /> <meta name="twitter:card" content="summary_large_image"> <meta property="fb:app_id" content="649764298852756" /> <title>Public Interest</title> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="apple-touch-icon" sizes="144x144" href="/Content/Images/launcher-apa-144.png" tabindex="-1"> <link rel="apple-touch-icon" sizes="114x114" href="/Content/Images/launcher-apa-114.png" tabindex="-1"> <link rel="apple-touch-icon" href="/Content/Images/launcher-apa-57.png" tabindex="-1"> <link rel="shortcut icon" href="/Content/Images/favicon-apa.ico" type="image/x-icon" tabindex="-1"> <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css" tabindex="-1"> <link id="global3Css" rel="stylesheet" type="text/css" href="/css/dist/apa-services.min.css?v=24.9" tabindex="-1"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script>window.jQuery || document.write('<script src="/js/vendor/jquery.js"><\/script>')</script> <script src="https://dl-client.apa.org/content.min.js" defer></script> </head> <body class=""> <!-- Google Tag Manager --> <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-MXQPC8D" height="0" width="0" style="display:none;" aria-hidden="true" title="Google Analytics"></iframe></noscript> <!-- End Google Tag Manager --> <div id="skiptocontent"><a href="#maincontent" class="skip-main">skip to main content</a></div> <header role="banner" class="header"> <div class="top-hat d-flex" data-ai-region data-ai-area="tophat"> <div class="top-hat-aligner d-flex align-items-center justify-content-between"> <div class="apa-sites d-md-none"> <nav class="sites-nav"> <ul class="apa-sites-list d-flex align-items-center"> <li> <a href="https://www.apa.org" class="apa.org">APA.org</a> </li> <li> <a href="https://apastyle.apa.org" class="apa-style">APA Style</a> </li> <li> <a href="https://www.apaservices.org" class="apa-services">APA Services</a> </li> <li> <a href="https://www.apadivisions.org" class="divisions">Divisions</a> </li> </ul> </nav> </div> <div class="left-nav d-flex align-items-center"> <nav class="insider-nav"> <ul class="d-flex align-items-center"> <li class="d-md-none"> <a href="https://www.apa.org/about" class="about-apa">About APA</a> </li> <li class="d-md-none"> <a href="https://www.apa.org/events" class="events">Events</a> </li> <li class="d-md-none"> <a href="https://www.apa.org/members" class="membership">Membership</a> </li> <li class=""> <a href="https://www.apa.org/members/your-membership/join" class="join-apa">Join APA</a> </li> </ul> </nav> <nav class="utility-nav"> <ul class="d-flex align-items-center"> <li class="d-md-none"> <a href="https://www.apa.org/support" target="_parent">Help</a> </li> <li id="HeaderMyApaLink" style="display:none;"><a href="https://my.apa.org/portal/home" rel='nofollow' target="_parent">MyAPA</a></li> <li id="HeaderLogoutLink" style="display:none;"> (<a href="https://www.apaservices.org/idem/Logout?redirect=http://www.apaservices.org/pi" rel='nofollow' target="_parent">Log Out</a>) </li> <li id="HeaderLoginLink"> <a href="https://sso.apa.org/apasso/idm/apalogin?ERIGHTS_TARGET=http://www.apaservices.org/pi" rel='nofollow' target="_parent">Log In</a> </li> </ul> </nav> </div> </div> </div> <section class="banner"> <div class="container"> <div class="headLogo" id="headLogo"> <a href = '/'><img class='large' src='/Content/Images/apaservices_logo.png' alt='APA Services Logo'><img class='small' src='/Content/Images/apaservices_logo_small.png' alt='APA Services Logo'></a> </div> <div class="headButton"> <button type="button" title="Search" class="btn-toggle btn-toggle-search" onclick="javascript:toggleMenu('search');"> <i title="Search" class="fas fa-magnifying-glass"></i> </button> <button type="button" title="Menu" class="btn-toggle btn-toggle-menu"> <i title="Menu" class="fas fa-bars"></i> <i title="Close Menu" class="fas fa-xmark"></i> </button> </div> <section class="search"> <form role="search" id="search" onsubmit="search();return false;" target="_parent"> <fieldset class="inputsearch"> <div class="searchselect"> <select id="in" title="Select search scope"> <option value="/search?" selected="selected">APA Services</option> <option data-typeahead="true" value="https://www.apa.org/search?">APA Website</option> </select> </div> <div class="searchbox"> <input title="Type search term" class="box" id="query" name="query" type="text" value="" placeholder="SEARCH" autocomplete="off" /> <svg class="svg-inline--fa fa-magnifying-glass" onclick="search();return false;" aria-labelledby="svg-inline--fa-title-aiauCfJROpLC" data-prefix="fas" data-icon="magnifying-glass" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><title id="svg-inline--fa-title-aiauCfJROpLC">Search</title><path fill="currentColor" d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z"></path></svg> </div> </fieldset> </form> </section> </div> </section> </header> <nav class="topnav"> <menu> <li class="first"><a href="/advocacy" target="_self">Advocacy</a></li> <li><a href="/science" target="_self">Science</a></li> <li><a href="/practice" target="_self">Practice</a></li> <li><a href="/education" target="_self">Education</a></li> <li><a href="/pi" target="_self">Public Interest</a></li> <li><a href="/about" target="_self">About</a></li> <li class="last"><a href="/news" target="_self">News & Events</a></li> </menu> </nav> <!-- end of nav --> <div id="maincontent" role="main" tabindex="-1"> <div typeof="Region" resource="Main"> <div class="mainwrap two_col_b landing rwdLarge left-align-images" id="mainwrap" > <div class="body-container"> <main class="content" id="ctcol"> <section class="breadcrumbs inline-breadcrumb"> <div class="container"> <div id="breadcrumbs"> <span><a href="/">Home</a></span> <span class="breadcrumb-sep"> <i role="presentation" class="fas fa-angle-right"></i> </span> </div> </div> </section> <hgroup class="pageHeader"> <h1 >Public Interest</h1> </hgroup> <section class="twoCol_content" id='twoCol_content1'> <div class="sectionA"> <section class="featureRichItem"> <section class="linkWidget link square"> <div class="widgetWrapper standardWidget onePerRow default "> <div class="module first"> <a class="module-link" href="https://www.apa.org/pi/about/nominations" target="_self" > <figure class="left"> <img src="/images/pi-awards_tcm9-249644_w160_n.png" alt=" Awards, Conferences and Committee Nominations"> </figure> <div class="body"> <p class="title"> Awards, conferences, and committee nominations </p> <div class="wysiwyg lengthy"><p>Apply or nominate colleagues for committee membership, awards, research funding, fellowships, training programs, and conferences.</p></div> </div> </a> </div> <div class="module last"> <a class="module-link" href="https://www.apa.org/pi/guidelines" target="_self" > <figure class="left"> <img src="/images/pi-guidelines_tcm9-249629_w160_n.png" alt="Guidelines & Policy Statements"> </figure> <div class="body"> <p class="title"> Guidelines and policy statements </p> <div class="wysiwyg lengthy"><p>Guidelines and policy statements on subjects such as lesbian, gay, bisexual and transgender clients; multicultural education; human rights; and older adults.</p></div> </div> </a> </div> </div> </section> </section> </div> <div class="sectionB"> <section class="featureRichItem"> <section class="linkWidget link square"> <div class="widgetWrapper standardWidget onePerRow default "> <div class="module first"> <a class="module-link" href="https://www.apa.org/pi/resources/early-careers" target="_self" > <figure class="left"> <img src="/images/pi-students_tcm9-249632_w160_n.png" alt="PI information for students and ECPs"> </figure> <div class="body"> <p class="title"> For students and early career psychologists </p> <div class="wysiwyg lengthy"><p>Resources and opportunities to help students enter the profession and early career psychologists advance their careers.</p></div> </div> </a> </div> <div class="module last"> <a class="module-link" href="https://www.supportpsychologypac.org" target="_self" > <figure class="left"> <img src="/images/icon-pac_tcm9-249400_w160_n.png" alt="Psychology PAC"> </figure> <div class="body"> <p class="title"> Psychology PAC </p> <div class="wysiwyg lengthy"><p>Psychology PAC is the Political Action Committee (PAC) of APA Services, Inc.</p></div> </div> </a> </div> </div> </section> </section> </div> </section> <section class="featureRichItem"> <section class="linkWidget box square"> <div class="widgetWrapper boxWidget threePerRow default "> <div class="module first"> <a class="module-link" href="https://www.apa.org/pi/mfp" target="_self" > <div class="body"> <figure class="full"> <img src="/images/minority-box_tcm9-249674_w320_n.jpg" alt="APA Minority Fellowship Program"> </figure> <p class="title"> Minority Fellowship Program </p> <div class="wysiwyg lengthy"><p>Federally-funded training program for ethnic and racial minority researchers and service providers.</p></div> </div> </a> </div> <div class="module "> <a class="module-link" href="https://www.apa.org/advocacy" target="_self" > <div class="body"> <figure class="full"> <img src="/images/widget-legislative-image_tcm9-208283_w320_n.jpg" alt="Advocacy"> </figure> <p class="title"> Advocacy for Psychology </p> <div class="wysiwyg lengthy"><p>APA advocates for psychology-informed federal policy, legislation, and research.</p></div> </div> </a> </div> <div class="module last"> <a class="module-link" href="https://www.apa.org/pi/aids" target="_self" > <div class="body"> <figure class="full"> <img src="/images/hiv-box_tcm9-249675_w320_n.jpg" alt="More about HIV/AIDS Programs"> </figure> <p class="title"> HIV/AIDS Programs </p> <div class="wysiwyg lengthy"><p>Providing training, information, and technical assistance on a wide range of HIV/AIDS-related topics.</p></div> </div> </a> </div> </div> </section> </section> <div class="featureRichItem "> <h2 >About the Public Interest Directorate</h2> <div class="wysiwyg lengthy" ><p>The Public Interest Directorate applies psychology to the fundamental problems of human welfare and social justice and the promotion of equitable and just treatment of all segments of society through education, training, and public policy.</p> </div> <div > <div class="rich-formatted-content"> <div class="rich-content"> <p><a href="https://www.apa.org/pi/about">Learn more about the Public Interest Directorate<i class="fas fa-chevron-right" aria-hidden="true"></i></a></p> </div> </div> </div> </div> <section class="featureRichItem"> <section class="linkWidget box square"> <h2>Join Us</h2> <div class="wysiwyg lengthy"><p>APA supports members and serves psychology.</p></div> <div class="widgetWrapper boxWidget twoPerRow default "> <div class="module first"> <div class="module-wrapper" > <div class="body"> <figure class="full empty"></figure> <p class="title"> Not an APA member? </p> <div class="wysiwyg lengthy"><p style="text-align: left;">Complete a membership application today to join our community of professionals who share your passion for psychology.</p> <div id="hc_extension_bkgnd" style="position: fixed; inset: 0px; z-index: -1999999999; display: block; background: none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 255, 255);" ></div> <span id="hc_extension_svg_filters" /></div> </div> </div> <div class="rich-formatted-content"> <div class="rich-content"> <a href="https://join.apa.org/" target="_blank" class="btnDefaultMed">Join APA</a> </div> </div> </div> <div class="module last"> <div class="module-wrapper" > <div class="body"> <figure class="full empty"></figure> <p class="title"> Already an APA member? </p> <div class="wysiwyg lengthy"><p style="text-align: left;">Keep access to exclusive benefits, resources, and experiences by renewing your membership with APA.</p> <div id="hc_extension_bkgnd" style="position: fixed; inset: 0px; z-index: -1999999999; display: block; background: none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 255, 255);" ></div> <span id="hc_extension_svg_filters" /></div> </div> </div> <div class="rich-formatted-content"> <div class="rich-content"> <a href="https://renew.apa.org/findmystatement" target="_blank" class="btnDefaultMed">Renew Membership</a> </div> </div> </div> </div> </section> </section> <div class="bottom-date"> <span class="date-item">Last updated: December 2021</span><span class="date-item">Date created: 2018</span> </div> <div class="horizontal-icon-bar" data-ai-region data-ai-area="horizontal-bar"> <div> <a href="#" onclick="publishFacebookWallPost('649764298852756', 'https://www.apaservices.org/pi');" class="social-icon" data-ai-target="facebook" data-ai-action="share"> <i title="Share this on Facebook" class="fab fa-facebook-f"></i> </a> </div> <div> <a href="javascript: openSocialShare('https://twitter.com/share?url=https%3a%2f%2fwww.apaservices.org%2fpi&text=Public+Interest')" class="social-icon" data-ai-target="twitter" data-ai-action="share"> <i title="Share this on X (formerly Twitter)" class="fab fa-x-twitter"></i> </a> </div> <div> <!-- Replace href with your meta and URL information --> <a href="javascript: openSocialShare('https://www.linkedin.com/shareArticle?mini=true&url=https%3a%2f%2fwww.apaservices.org%2fpi&title=Public+Interest&summary=Applying+psychology+to+the+fundamental+problems+of+society+to+promote+equitable+and+just+treatment.')" class="social-icon" data-ai-target="linkedin" data-ai-action="share"> <i title="Share this on LinkedIn" class="fab fa-linkedin-in"></i> </a> </div> <div> <!-- Replace subject with your message using URL Endocding: http://meyerweb.com/eric/tools/dencoder/ --> <a href="javascript:openEmail('english');" class="social-icon" data-ai-target="email" data-ai-action="share"> <i title="Email this" class="fas fa-envelope"></i> </a> </div> </div> <script> window.fbAsyncInit = function () { FB.init({ appId: 649764298852756, xfbml: true, version: 'v4.0' }); FB.AppEvents.logPageView(); }; (function (d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) { return; } js = d.createElement(s); js.id = id; js.src = "https://connect.facebook.net/en_US/sdk.js"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); </script> <script> if (!document.getElementById('citationPopup')) { let popup = ` <div class="citationPopup" id="citationPopup"> <span class="capitalize">Cite this</span> <div class="closeCitation right" onclick="toggleCitation()"><i role="presentation" aria-hidden="true" class="fas fa-rectangle-xmark"></i></div> <div class="hr"></div> <div class="citationBody" id="citationBody" onclick="selectAll()"> </div> </div> `; if (document.getElementById('mainwrap') != null) { document.getElementById('mainwrap').insertAdjacentHTML('beforeend', popup); } } </script> </main> <section class="rtcol" id="rtcol"> <aside class="adWrap"> <div class="ad_box ad300x250"> <div id="gpt-ad-1" data-ai-iframe data-ai-action="paid-ad-click" data-ai-target="gpt-ad-1"> <script> var layout = document.querySelector('.two_col_b') ? 'twoCols' : 'others'; googletag.cmd.push(function () { if ('300x250' == '728x90') { var responsiveAdSlot = googletag .defineSlot('/308402/b.apa.tmus/Global', [[300, 250], [300, 250]], 'gpt-ad-1') .addService(googletag.pubads()); responsiveAdSlot.defineSizeMapping(getRespAdSizeMapping()); } else { googletag.defineSlot('/308402/b.apa.tmus/Global', [300, 250], 'gpt-ad-1').addService(googletag.pubads()); } googletag.pubads().enableSingleRequest(); googletag.pubads().setTargeting("Audience", ["Appliers of Psychological Science"]); googletag.enableServices(); googletag.display('gpt-ad-1'); }); function getRespAdSizeMapping() { var mapping; if (layout == 'twoCols') { if (window.matchMedia("(max-width: 995px)").matches) { mapping = googletag.sizeMapping() .addSize([767, 100], [728, 90]) .addSize([320, 100], [300, 250]) .addSize([0, 0], []) .build(); } else { mapping = googletag.sizeMapping() .addSize([1160, 100], [728, 90]) .addSize([320, 100], [300, 250]) .addSize([0, 0], []) .build(); } } else { mapping = googletag.sizeMapping() .addSize([767, 100], [728, 90]) .addSize([320, 100], [300, 250]) .addSize([0, 0], []) .build(); } return mapping; } </script> </div> <div class='ad_label'>ADVERTISEMENT</div> </div> </aside> <aside class="adWrap"> <div class="ad_box ad300x250"> <div id="gpt-ad-2" data-ai-iframe data-ai-action="paid-ad-click" data-ai-target="gpt-ad-2"> <script> var layout = document.querySelector('.two_col_b') ? 'twoCols' : 'others'; googletag.cmd.push(function () { if ('300x250' == '728x90') { var responsiveAdSlot = googletag .defineSlot('/308402/b.apa.tmus/Global', [[300, 250], [300, 250]], 'gpt-ad-2') .addService(googletag.pubads()); responsiveAdSlot.defineSizeMapping(getRespAdSizeMapping()); } else { googletag.defineSlot('/308402/b.apa.tmus/Global', [300, 250], 'gpt-ad-2').addService(googletag.pubads()); } googletag.pubads().enableSingleRequest(); googletag.pubads().setTargeting("Audience", ["Appliers of Psychological Science"]); googletag.enableServices(); googletag.display('gpt-ad-2'); }); function getRespAdSizeMapping() { var mapping; if (layout == 'twoCols') { if (window.matchMedia("(max-width: 995px)").matches) { mapping = googletag.sizeMapping() .addSize([767, 100], [728, 90]) .addSize([320, 100], [300, 250]) .addSize([0, 0], []) .build(); } else { mapping = googletag.sizeMapping() .addSize([1160, 100], [728, 90]) .addSize([320, 100], [300, 250]) .addSize([0, 0], []) .build(); } } else { mapping = googletag.sizeMapping() .addSize([767, 100], [728, 90]) .addSize([320, 100], [300, 250]) .addSize([0, 0], []) .build(); } return mapping; } </script> </div> <div class='ad_label'>ADVERTISEMENT</div> </div> </aside> <div class="contact"><h3><a href="/contact/">Contact APA Services</a></h3></div> </section> <aside class="mcontact"><span><a href="/contact/">Contact APA Services</a></span></aside></div> </div></div> <footer data-ai-region data-ai-area="footer"> <div class="rwd-footer"> <div class="back-to-top upperCase"><a href="#"><i role="presentation" class="fas fa-caret-up"></i>Back to top</a></div> <div class="standard"><div class="container"><ul> <li><a target="_parent" href="/">Home</a></li> <li><a target="_parent" href="/about">About Us</a></li> <li><a href="/contact">Contact APA Services</a></li> <li><a target="_parent" title="privacy (APA Services)" href="/about/privacy">Privacy Statement</a></li> <li><a target="_parent" href="/about/terms-of-use">Terms of Use</a></li> <li><a target="_parent" href="/about/accessibility">Accessibility</a></li> <li><a href="https://www.apa.org" target="_parent">Visit APA.org</a></li> </ul> <div> <p><a href="https://www.apa.org/about/contact/copyright" target="_parent">漏 2024 APA Services Inc</a>.</p> <p>750 First St. NE, Washington, DC 20002-4242</p> <p>Telephone: (800) 374-2723. TDD/TTY: (202) 336-6123</p> </div></div></div> </div> </footer> <div id="ie-margin-fix"> </div> </div> <div id="rwdOverlayMask" class="rwdOverlayMask" onclick="javascript:hideMask('rwdOverlayMask','overlayMask');"></div> <script defer src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script> <script>window.jQuery.ui || document.write('<script defer src="/js/vendor/jquery-ui.js"><\/script>')</script> <link rel="stylesheet" type="text/css" href="/css/dist/print.min.css?v=24.9" media="print" tabindex="-1"> <script async src="/js/vendor/hammer.min.js"></script> <script defer src="/js/dist/global.min.js?v=24.9"></script> <script defer src="/js/dist/rwdTabs.min.js?v=24.9"></script> <script data-search-pseudo-elements defer src="/js/vendor/apafa.min.js?v=24.9"></script> <!--[if lt IE 9]> <script src="https://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script> <![endif]--> <script>myApaUrl="https://my.apa.org";</script> <script defer src="/js/dist/nonapa.min.js?v=24.9"></script> <!-- Load Twitter JS-API asynchronously --> <script> (function () { var twitterWidgets = document.createElement('script'); twitterWidgets.type = 'text/javascript'; twitterWidgets.async = true; twitterWidgets.src = 'https://platform.twitter.com/widgets.js'; document.getElementsByTagName('head')[0].appendChild(twitterWidgets); })(); </script> <!-- End Load Twitter JS-API asynchronously --> <script defer src="/js/dist/insights.min.js?v=24.9"></script> <script type="module"> if (typeof ApaInsights !== 'undefined' && ApaInsights !== null) { var insights = new ApaInsights({ event: 'visit', pageId: '' }); } </script> <script defer src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-3-typeahead/4.0.2/bootstrap3-typeahead.js" type="text/javascript"></script> <script defer id="typeahead" type="text/javascript"> jQuery(document).ready(function () { jQuery("#query").typeahead({ autoSelect: false, source: function (term, process) { var allowedTypeahead = jQuery('#in').find(':selected').data('typeahead') ? true : false; if (!allowedTypeahead || term.length < 3) return; var terms = []; return jQuery.get('/api/typeahead?term=' + term, function (data) { jQuery.each(data, function (i, item) { terms.push(item); }); process(terms); }); }, afterSelect: function () { jQuery('#search').submit(); }, highlighter: function (item) { var html = jQuery('<div></div>'); var query = this.query; var i = item.toLowerCase().indexOf(query.toLowerCase()); var len = query.length; var leftPart; var middlePart; var rightPart; var strong; if (len === 0) { return html.text(item).html(); } while (i > -1) { leftPart = item.substr(0, i); middlePart = item.substr(i, len); rightPart = item.substr(i + len); strong = jQuery('<span></span>').text(middlePart); html .append(document.createTextNode(leftPart)) .append(strong); item = rightPart; i = item.toLowerCase().indexOf(query.toLowerCase()); } return html.append(document.createTextNode(item)).html(); } }).on('keyup', this, function (e) { if (e.key === 'Enter' || e.keyCode === 13) { jQuery('#input').typeahead('close'); jQuery('#search').submit(); } if (!e.shiftKey && (e.key === 'Tab' || e.keyCode === 9 || e.which === 9)) { var val = jQuery('.typeahead.dropdown-menu li:first').find('a').text(); jQuery('.typeahead.dropdown-menu li:first').addClass('active'); if (val) { jQuery("#query").val(val).text(val).change(); jQuery('#input').typeahead('close'); jQuery('#search').submit(); } } }); jQuery('#in').change(function () { jQuery('#query').typeahead('setQuery', ''); }); }); </script> <script type="text/javascript" src="/_Incapsula_Resource?SWJIYLWA=719d34d31c8e3a6e6fffd425f7e032f3&ns=1&cb=111048728" async></script></body> </html>