 <!DOCTYPE html>
<!--[if lte IE 8 ]>
<html lang="en" class="no-js oldie">
<![endif]-->
<!--[if IE 9 ]>
<html lang="en" class="no-js ie9">
<![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html lang="en" class="no-js">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><script type="text/javascript">window.NREUM||(NREUM={}),__nr_require=function(e,t,n){function r(n){if(!t[n]){var o=t[n]={exports:{}};e[n][0].call(o.exports,function(t){var o=e[n][1][t];return r(o||t)},o,o.exports)}return t[n].exports}if("function"==typeof __nr_require)return __nr_require;for(var o=0;o<n.length;o++)r(n[o]);return r}({1:[function(e,t,n){function r(){}function o(e,t,n){return function(){return i(e,[f.now()].concat(u(arguments)),t?null:this,n),t?void 0:this}}var i=e("handle"),a=e(2),u=e(3),c=e("ee").get("tracer"),f=e("loader"),s=NREUM;"undefined"==typeof window.newrelic&&(newrelic=s);var p=["setPageViewName","setCustomAttribute","setErrorHandler","finished","addToTrace","inlineHit","addRelease"],d="api-",l=d+"ixn-";a(p,function(e,t){s[t]=o(d+t,!0,"api")}),s.addPageAction=o(d+"addPageAction",!0),s.setCurrentRouteName=o(d+"routeName",!0),t.exports=newrelic,s.interaction=function(){return(new r).get()};var m=r.prototype={createTracer:function(e,t){var n={},r=this,o="function"==typeof t;return i(l+"tracer",[f.now(),e,n],r),function(){if(c.emit((o?"":"no-")+"fn-start",[f.now(),r,o],n),o)try{return t.apply(this,arguments)}catch(e){throw c.emit("fn-err",[arguments,this,e],n),e}finally{c.emit("fn-end",[f.now()],n)}}}};a("setName,setAttribute,save,ignore,onEnd,getContext,end,get".split(","),function(e,t){m[t]=o(l+t)}),newrelic.noticeError=function(e){"string"==typeof e&&(e=new Error(e)),i("err",[e,f.now()])}},{}],2:[function(e,t,n){function r(e,t){var n=[],r="",i=0;for(r in e)o.call(e,r)&&(n[i]=t(r,e[r]),i+=1);return n}var o=Object.prototype.hasOwnProperty;t.exports=r},{}],3:[function(e,t,n){function r(e,t,n){t||(t=0),"undefined"==typeof n&&(n=e?e.length:0);for(var r=-1,o=n-t||0,i=Array(o<0?0:o);++r<o;)i[r]=e[t+r];return i}t.exports=r},{}],4:[function(e,t,n){t.exports={exists:"undefined"!=typeof window.performance&&window.performance.timing&&"undefined"!=typeof window.performance.timing.navigationStart}},{}],ee:[function(e,t,n){function r(){}function o(e){function t(e){return e&&e instanceof r?e:e?c(e,u,i):i()}function n(n,r,o,i){if(!d.aborted||i){e&&e(n,r,o);for(var a=t(o),u=m(n),c=u.length,f=0;f<c;f++)u[f].apply(a,r);var p=s[y[n]];return p&&p.push([b,n,r,a]),a}}function l(e,t){v[e]=m(e).concat(t)}function m(e){return v[e]||[]}function w(e){return p[e]=p[e]||o(n)}function g(e,t){f(e,function(e,n){t=t||"feature",y[n]=t,t in s||(s[t]=[])})}var v={},y={},b={on:l,emit:n,get:w,listeners:m,context:t,buffer:g,abort:a,aborted:!1};return b}function i(){return new r}function a(){(s.api||s.feature)&&(d.aborted=!0,s=d.backlog={})}var u="nr@context",c=e("gos"),f=e(2),s={},p={},d=t.exports=o();d.backlog=s},{}],gos:[function(e,t,n){function r(e,t,n){if(o.call(e,t))return e[t];var r=n();if(Object.defineProperty&&Object.keys)try{return Object.defineProperty(e,t,{value:r,writable:!0,enumerable:!1}),r}catch(i){}return e[t]=r,r}var o=Object.prototype.hasOwnProperty;t.exports=r},{}],handle:[function(e,t,n){function r(e,t,n,r){o.buffer([e],r),o.emit(e,t,n)}var o=e("ee").get("handle");t.exports=r,r.ee=o},{}],id:[function(e,t,n){function r(e){var t=typeof e;return!e||"object"!==t&&"function"!==t?-1:e===window?0:a(e,i,function(){return o++})}var o=1,i="nr@id",a=e("gos");t.exports=r},{}],loader:[function(e,t,n){function r(){if(!x++){var e=h.info=NREUM.info,t=d.getElementsByTagName("script")[0];if(setTimeout(s.abort,3e4),!(e&&e.licenseKey&&e.applicationID&&t))return s.abort();f(y,function(t,n){e[t]||(e[t]=n)}),c("mark",["onload",a()+h.offset],null,"api");var n=d.createElement("script");n.src="https://"+e.agent,t.parentNode.insertBefore(n,t)}}function o(){"complete"===d.readyState&&i()}function i(){c("mark",["domContent",a()+h.offset],null,"api")}function a(){return E.exists&&performance.now?Math.round(performance.now()):(u=Math.max((new Date).getTime(),u))-h.offset}var u=(new Date).getTime(),c=e("handle"),f=e(2),s=e("ee"),p=window,d=p.document,l="addEventListener",m="attachEvent",w=p.XMLHttpRequest,g=w&&w.prototype;NREUM.o={ST:setTimeout,SI:p.setImmediate,CT:clearTimeout,XHR:w,REQ:p.Request,EV:p.Event,PR:p.Promise,MO:p.MutationObserver};var v=""+location,y={beacon:"bam.nr-data.net",errorBeacon:"bam.nr-data.net",agent:"js-agent.newrelic.com/nr-1071.min.js"},b=w&&g&&g[l]&&!/CriOS/.test(navigator.userAgent),h=t.exports={offset:u,now:a,origin:v,features:{},xhrWrappable:b};e(1),d[l]?(d[l]("DOMContentLoaded",i,!1),p[l]("load",r,!1)):(d[m]("onreadystatechange",o),p[m]("onload",r)),c("mark",["firstbyte",u],null,"api");var x=0,E=e(4)},{}]},{},["loader"]);</script>
<meta name="google-site-verification" content="gd_ad0RSSgAZkAwXnOEALm4CavCD-a3uSIpVnEBBUOw" />
<link rel="icon" type="image/x-icon" href="/wp-content/themes/obamafoundation/favicon.ico">

<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=
    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
    })(window,document,'script','dataLayer','GTM-NVXZ7JC');</script>

<script src='https://www.google.com/recaptcha/api.js'></script>
<script src="https://cdn.optimizely.com/js/10190026236.js"></script>
<link rel="stylesheet" type="text/css" href="https://cloud.typography.com/7527714/7615372/css/fonts.css" />
<link href="https://fonts.googleapis.com/css?family=Maitree:400,500,600" rel="stylesheet">
<link rel="stylesheet" href="/wp-content/themes/obamafoundation/style.css?0201a" type="text/css">
<title>Hurricane Harvey Relief: How You Can Help - Obama Foundation</title>

<link rel="canonical" href="https://www.obama.org/updates/hurricane-harvey-relief-can-help/" />
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="article" />
<meta property="og:title" content="Hurricane Harvey Relief: How You Can Help - Obama Foundation" />
<meta property="og:description" content="All weekend, people in Houston, across the Gulf Coast, and around the country have been pitching in to aid those affected by the devastating flooding in southeastern Texas. We’ve been inspired by the acts of citizens aiding their neighbors, the first responders at work on the ground, and the people around the country who have &hellip;" />
<meta property="og:url" content="https://www.obama.org/updates/hurricane-harvey-relief-can-help/" />
<meta property="og:site_name" content="Obama Foundation" />
<meta property="article:publisher" content="https://www.facebook.com/obamafoundation" />
<meta property="og:image" content="https://www.obama.org/wp-content/uploads/rising-sun-default.png" />
<meta property="og:image:secure_url" content="https://www.obama.org/wp-content/uploads/rising-sun-default.png" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:description" content="All weekend, people in Houston, across the Gulf Coast, and around the country have been pitching in to aid those affected by the devastating flooding in southeastern Texas. We’ve been inspired by the acts of citizens aiding their neighbors, the first responders at work on the ground, and the people around the country who have [&hellip;]" />
<meta name="twitter:title" content="Hurricane Harvey Relief: How You Can Help - Obama Foundation" />
<meta name="twitter:site" content="@ObamaFoundation" />
<meta name="twitter:image" content="https://www.obama.org/wp-content/uploads/rising-sun-default.png" />
<meta name="twitter:creator" content="@ObamaFoundation" />
<script type='application/ld+json'>{"@context":"http:\/\/schema.org","@type":"WebSite","@id":"#website","url":"https:\/\/www.obama.org\/","name":"Obama Foundation","potentialAction":{"@type":"SearchAction","target":"https:\/\/www.obama.org\/?s={search_term_string}","query-input":"required name=search_term_string"}}</script>

<link rel='dns-prefetch' href='//www.obama.org' />
<link rel='dns-prefetch' href='//s.w.org' />
<script type='text/javascript' src='https://www.obama.org/wp-content/themes/obamafoundation/src/js/vendor/jquery.js?ver=2.1.14'></script>
<link rel='https://api.w.org/' href='https://www.obama.org/wp-json/' />
<link rel='shortlink' href='https://www.obama.org/?p=4365' />
<link rel="alternate" type="application/json+oembed" href="https://www.obama.org/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.obama.org%2Fupdates%2Fhurricane-harvey-relief-can-help%2F" />
<link rel="alternate" type="text/xml+oembed" href="https://www.obama.org/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.obama.org%2Fupdates%2Fhurricane-harvey-relief-can-help%2F&#038;format=xml" />
</head>
<body class="updates-template-default single single-updates postid-4365 has-dashicons subbrand-default extended-mods default-temp" data-template="base.twig">

<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NVXZ7JC"
    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>

<header class="site-header js-site-header">
<nav class="nav-primary--desktop js-nav-primary" role="navigation">
<div class="nav-primary__header-logo js-nav-primary__nav-toggle">
<a class="nav-primary__site-logo" href="https://www.obama.org">Obama Foundation</a>
</div>
<div class="nav-primary__drawer js-nav-primary__drawer">
<div class="nav-primary__home-header">
<h1 class="nav-primary__indicator">Menu</h1>
</div>
<ul class="nav-primary__menu">
<li class="nav-primary__home">
<a class="nav-primary__home-logo" href="https://www.obama.org">Home</a>
</li>
<li class="nav-primary__item--top-level  menu-item menu-item-type-post_type menu-item-object-page menu-item-312">
<a class="nav-primary__link" href="https://www.obama.org/your-voice/">Your Voice</a>
</li>
<li class="nav-primary__item--top-level  menu-item menu-item-type-post_type menu-item-object-page menu-item-4615">
<a class="nav-primary__link" href="https://www.obama.org/mission/">Our Mission</a>
</li>
<li class="nav-primary__item--top-level  menu-item menu-item-type-post_type menu-item-object-page menu-item-287">
<a class="nav-primary__link" href="https://www.obama.org/our-story/">Our Story</a>
</li>
<li class="nav-primary__item--top-level  menu-item menu-item-type-post_type menu-item-object-page menu-item-6766 menu-item-has-children">
<a class="nav-primary__link" href="https://www.obama.org/chicago/">Chicago</a>
</li>
<li class="nav-primary__item--top-level  menu-item menu-item-type-post_type menu-item-object-page menu-item-6767">
<a class="nav-primary__link" href="https://www.obama.org/the-center/">The Center</a>
</li>
<li class="nav-primary__item--top-level  menu-item menu-item-type-post_type menu-item-object-page menu-item-309">
<a class="nav-primary__link" href="https://www.obama.org/galleries/">Galleries</a>
</li>
<li class="nav-primary__item--top-level  menu-item menu-item-type-post_type_archive menu-item-object-updates menu-item-5114">
<a class="nav-primary__link" href="https://www.obama.org/updates/">Updates</a>
</li>
</ul> 
<div class="nav-primary__utility">
<div class="nav-primary__donate">
<a class="button" href="https://go.obama.org/summitdonate">Donate</a>
</div>
<div class="nav-primary__utility-widget-region">
<div class="widget-signup">
<h1 class="widget-signup__header">Join Us</h1>
<p class="widget-signup__body"></p>
<form class="widget-signup__form js-signup-form" id="signup" name="signup" method="post" action="https://go.obama.org/page/sapi/signup-autocomplete">
<div class="js-signup-form__fields">
<input class="widget-signup__input widget-signup__input--email" type="email" id="email" name="email" placeholder="Email" required>
<input class="widget-signup__input widget-signup__input--zip" type="text" id="place" name="zip" placeholder="ZIP Code" required>
<input class="widget-signup__submit" type="submit" value="" style="display: none">
<input id="custom-1066" name="custom-1066" type="hidden" value="https://www.obama.org:15210/updates/hurricane-harvey-relief-can-help/">
<input class="field-autocomplete field-country" id="country" name="country" type="hidden" value="">
<input class="field-autocomplete field-administrative_area_level_1" id="region" name="state_cd" type="hidden" value="">
<input class="field-autocomplete field-locality" id="city" name="city" type="hidden" value="">
<input class="field-autocomplete field-postal_code" id="zip" name="zip" type="hidden" value="">
<div style="display: none">
<label for="best-contact-time">Please leave this field blank:</label>
<input id="best-contact-time" name="best-contact-time" type="text">
</div>
<input type="submit" class="widget-signup__submit" name="submit-btn" value="Sign up">
</div>
<p class="widget-signup__success js-signup-form__success">Thank you for signing up.<br><a href="https://go.obama.org/page/contribute/thanks-for-signing-up-donate">Help us build this Foundation.</a></p>
<p class="widget-signup__failure js-signup-form__failure">There was a problem submitting. Please try again.</p>
</form>
</div>
<script>
    var placeSearch,
        autocomplete = [];
    var componentForm = {
        locality: 'long_name',
        administrative_area_level_1: 'short_name',
        country: 'short_name',
        postal_code: 'short_name'
    };
    var hiddenFields = {
        locality: {slug: 'long_name', field: 'city'},
        administrative_area_level_1: {slug: 'short_name', field: 'region'},
        country: {slug: 'short_name', field: 'country'},
        postal_code: {slug: 'short_name', field: 'zip'}
    }

    function initAutocomplete() {
        // Create the autocomplete object, restricting the search to geographical
        // location types.
        // This has to work on two identical elements since
        // one is used on mobile and one is used on desktop
        var inputSet = document.getElementsByClassName('widget-signup__input--zip');

        // autocompleteDesktop = new google.maps.places.Autocomplete(
        //   /** @type {!HTMLInputElement} */(inputSet[0]),
        //   {types: ['geocode']});
        // autocompleteMobile = new google.maps.places.Autocomplete(
        //   /** @type {!HTMLInputElement} */(inputSet[1]),
        //   {types: ['geocode']});

        for(var i = 0; i < inputSet.length; i++) {
            var temp = new google.maps.places.Autocomplete((inputSet[i]),{types: ['geocode']});
            autocomplete.push(temp);

            autocomplete[i].addListener('place_changed', fillInAddress);
            // google.maps.event.addDomListener(autocomplete[i], 'place_changed', function(event) {
            //     console.log(event);
            // });
            // autocomplete[i].addListener('place_changed', function(event) {
            //     console.log(event);
            // });
            // inputSet[i].addEventListener('change', function(event){
            //     fillInAddress(event);
            // });
        }

        // When the user selects an address from the dropdown, populate the address
        // fields in the form.

        // autocompleteDesktop.addListener('place_changed', fillInAddress);
        // autocompleteMobile.addListener('place_changed', fillInAddress);

        // debugger;
        // $('.pac-container').detach().insertAfter('.js-signup-form__fields');
    }

    function fillInAddress() {
        // Get the place details from the autocomplete object.
        var place,
            index;

        // Two signups with the same ID are included
        // makes sure that we are targeting the correct
        // autocomplete field

        // if(autocompleteMobile.getPlace()) {
        //     place = autocompleteMobile.getPlace();
        //     setNumber = 1;
        // } else {
        //     place = autocompleteDesktop.getPlace();
        // }

        for(var i=0; i < autocomplete.length; i++) {
            if(autocomplete[i].getPlace() !== undefined) {
                index = i;
            }
        }

        place = autocomplete[index].getPlace();

        // if user clicks on an autocomplete then assume
        // input won't have the info needed.
        var set = document.getElementsByClassName('widget-signup__input--zip');
        set[index].setAttribute('name', 'place');


        // reset hidden values
        for (thing in componentForm) {
            if(document.getElementsByClassName('field-' + thing)[0]) {
                document.getElementsByClassName('field-' + thing)[0].value = '';
            }
        }

        // Get each component of the address from the place details
        // and fill the corresponding field on the form.
        for (var i = 0; i < place.address_components.length; i++) {
            var addressType = place.address_components[i].types[0],
                field = document.getElementsByClassName('field-' + addressType)[index];
                console.log(field);
            if (componentForm[addressType]) {
                var val = place.address_components[i][componentForm[addressType]];
                if(field) {
                    field.value = val;
                }
                console.log(place.address_components[i][componentForm[addressType]]);
            } else {
                if(field) {
                    field.value = '';
                }
            }
        }
    }
</script>
</div>
<p class="nav-primary__social-follows">
<a class="nav-primary__social-follow icon-twitter-icon" href="https://twitter.com/ObamaFoundation" title="Follow on Twitter" aria-label="Follow on Twitter" target="_blank"></a>
<a class="nav-primary__social-follow icon-fb-icon" href="https://www.facebook.com/obamafoundation/" title="Follow on Facebook" aria-label="Follow on Facebook" target="_blank"></a>
<a class="nav-primary__social-follow icon-instagram-icon js-instagram-icon" href="https://www.instagram.com/obamafoundation/" title="Follow on Instagram" aria-label="Follow on Instagram" target="_blank"></a>
</p>
<div class="nav-primary__nav-utility">
<ul class="nav-utility__menu">
<li class="nav-utility__item  menu-item menu-item-type-post_type menu-item-object-page menu-item-336 menu-item-has-children">
<a class="nav-utility__link" href="https://www.obama.org/about-the-foundation/">About</a>
</li>
<li class="nav-utility__item  menu-item menu-item-type-post_type menu-item-object-page menu-item-332 menu-item-has-children">
<a class="nav-utility__link" href="https://www.obama.org/contact-us/">Contact Us</a>
</li>
<li class="nav-utility__item  menu-item menu-item-type-post_type menu-item-object-page menu-item-6920">
<a class="nav-utility__link" href="https://www.obama.org/opportunities/">Opportunities</a>
</li>
<li class="nav-utility__item  menu-item menu-item-type-post_type menu-item-object-page menu-item-335">
<a class="nav-utility__link" href="https://www.obama.org/privacy-policy/">Privacy Policy</a>
</li>
<li class="nav-utility__item  menu-item menu-item-type-post_type menu-item-object-page menu-item-331 menu-item-has-children">
<a class="nav-utility__link" href="https://www.obama.org/terms-conditions/">Terms &#038; Conditions</a>
</li>
</ul> 
</div>
</div>
</div>
</nav>
<nav class="nav-primary--mobile" role="navigation">
<div class="nav-primary__header-logo js-nav-primary__nav-toggle">
<div class="nav-primary__toggle">
<span></span>
<span></span>
<span></span>
<span></span>
</div>
<a class="nav-primary__site-logo" href="https://www.obama.org">Obama Foundation</a>
</div>
<div class="nav-primary__drawer js-nav-primary__drawer">
<div class="nav-primary__home-header">
<h1 class="nav-primary__indicator">Menu</h1>
</div>
<ul class="nav-primary__menu">
<li class="nav-primary__home">
<a class="nav-primary__home-logo" href="https://www.obama.org">Home</a>
</li>
<li class="nav-primary__item--top-level  menu-item menu-item-type-post_type menu-item-object-page menu-item-312">
<a class="nav-primary__link" href="https://www.obama.org/your-voice/">Your Voice</a>
</li>
<li class="nav-primary__item--top-level  menu-item menu-item-type-post_type menu-item-object-page menu-item-4615">
<a class="nav-primary__link" href="https://www.obama.org/mission/">Our Mission</a>
</li>
<li class="nav-primary__item--top-level  menu-item menu-item-type-post_type menu-item-object-page menu-item-287">
<a class="nav-primary__link" href="https://www.obama.org/our-story/">Our Story</a>
</li>
<li class="nav-primary__item--top-level  menu-item menu-item-type-post_type menu-item-object-page menu-item-6766 menu-item-has-children">
<a class="nav-primary__link" href="https://www.obama.org/chicago/">Chicago</a>
</li>
<li class="nav-primary__item--top-level  menu-item menu-item-type-post_type menu-item-object-page menu-item-6767">
<a class="nav-primary__link" href="https://www.obama.org/the-center/">The Center</a>
</li>
<li class="nav-primary__item--top-level  menu-item menu-item-type-post_type menu-item-object-page menu-item-309">
 <a class="nav-primary__link" href="https://www.obama.org/galleries/">Galleries</a>
</li>
<li class="nav-primary__item--top-level  menu-item menu-item-type-post_type_archive menu-item-object-updates menu-item-5114">
<a class="nav-primary__link" href="https://www.obama.org/updates/">Updates</a>
</li>
</ul> 
<div class="nav-primary__utility">
<div class="nav-primary__donate">
<a class="button" href="https://go.obama.org/summitdonate">Donate</a>
</div>
<div class="nav-primary__utility-widget-region">
<div class="widget-signup">
<h1 class="widget-signup__header">Join Us</h1>
<p class="widget-signup__body"></p>
<form class="widget-signup__form js-signup-form" id="signup" name="signup" method="post" action="https://go.obama.org/page/sapi/signup-autocomplete">
<div class="js-signup-form__fields">
<input class="widget-signup__input widget-signup__input--email" type="email" id="email" name="email" placeholder="Email" required>
<input class="widget-signup__input widget-signup__input--zip" type="text" id="place" name="zip" placeholder="ZIP Code" required>
<input class="widget-signup__submit" type="submit" value="" style="display: none">
<input id="custom-1066" name="custom-1066" type="hidden" value="https://www.obama.org:15210/updates/hurricane-harvey-relief-can-help/">
<input class="field-autocomplete field-country" id="country" name="country" type="hidden" value="">
<input class="field-autocomplete field-administrative_area_level_1" id="region" name="state_cd" type="hidden" value="">
<input class="field-autocomplete field-locality" id="city" name="city" type="hidden" value="">
<input class="field-autocomplete field-postal_code" id="zip" name="zip" type="hidden" value="">
<div style="display: none">
<label for="best-contact-time">Please leave this field blank:</label>
<input id="best-contact-time" name="best-contact-time" type="text">
</div>
<input type="submit" class="widget-signup__submit" name="submit-btn" value="Sign up">
</div>
<p class="widget-signup__success js-signup-form__success">Thank you for signing up.<br><a href="https://go.obama.org/page/contribute/thanks-for-signing-up-donate">Help us build this Foundation.</a></p>
<p class="widget-signup__failure js-signup-form__failure">There was a problem submitting. Please try again.</p>
</form>
</div>
<script>
    var placeSearch,
        autocomplete = [];
    var componentForm = {
        locality: 'long_name',
        administrative_area_level_1: 'short_name',
        country: 'short_name',
        postal_code: 'short_name'
    };
    var hiddenFields = {
        locality: {slug: 'long_name', field: 'city'},
        administrative_area_level_1: {slug: 'short_name', field: 'region'},
        country: {slug: 'short_name', field: 'country'},
        postal_code: {slug: 'short_name', field: 'zip'}
    }

    function initAutocomplete() {
        // Create the autocomplete object, restricting the search to geographical
        // location types.
        // This has to work on two identical elements since
        // one is used on mobile and one is used on desktop
        var inputSet = document.getElementsByClassName('widget-signup__input--zip');

        // autocompleteDesktop = new google.maps.places.Autocomplete(
        //   /** @type {!HTMLInputElement} */(inputSet[0]),
        //   {types: ['geocode']});
        // autocompleteMobile = new google.maps.places.Autocomplete(
        //   /** @type {!HTMLInputElement} */(inputSet[1]),
        //   {types: ['geocode']});

        for(var i = 0; i < inputSet.length; i++) {
            var temp = new google.maps.places.Autocomplete((inputSet[i]),{types: ['geocode']});
            autocomplete.push(temp);

            autocomplete[i].addListener('place_changed', fillInAddress);
            // google.maps.event.addDomListener(autocomplete[i], 'place_changed', function(event) {
            //     console.log(event);
            // });
            // autocomplete[i].addListener('place_changed', function(event) {
            //     console.log(event);
            // });
            // inputSet[i].addEventListener('change', function(event){
            //     fillInAddress(event);
            // });
        }

        // When the user selects an address from the dropdown, populate the address
        // fields in the form.

        // autocompleteDesktop.addListener('place_changed', fillInAddress);
        // autocompleteMobile.addListener('place_changed', fillInAddress);

        // debugger;
        // $('.pac-container').detach().insertAfter('.js-signup-form__fields');
    }

    function fillInAddress() {
        // Get the place details from the autocomplete object.
        var place,
            index;

        // Two signups with the same ID are included
        // makes sure that we are targeting the correct
        // autocomplete field

        // if(autocompleteMobile.getPlace()) {
        //     place = autocompleteMobile.getPlace();
        //     setNumber = 1;
        // } else {
        //     place = autocompleteDesktop.getPlace();
        // }

        for(var i=0; i < autocomplete.length; i++) {
            if(autocomplete[i].getPlace() !== undefined) {
                index = i;
            }
        }

        place = autocomplete[index].getPlace();

        // if user clicks on an autocomplete then assume
        // input won't have the info needed.
        var set = document.getElementsByClassName('widget-signup__input--zip');
        set[index].setAttribute('name', 'place');


        // reset hidden values
        for (thing in componentForm) {
            if(document.getElementsByClassName('field-' + thing)[0]) {
                document.getElementsByClassName('field-' + thing)[0].value = '';
            }
        }

        // Get each component of the address from the place details
        // and fill the corresponding field on the form.
        for (var i = 0; i < place.address_components.length; i++) {
            var addressType = place.address_components[i].types[0],
                field = document.getElementsByClassName('field-' + addressType)[index];
                console.log(field);
            if (componentForm[addressType]) {
                var val = place.address_components[i][componentForm[addressType]];
                if(field) {
                    field.value = val;
                }
                console.log(place.address_components[i][componentForm[addressType]]);
            } else {
                if(field) {
                    field.value = '';
                }
            }
        }
    }
</script>
</div>
<p class="nav-primary__social-follows">
<a class="nav-primary__social-follow icon-twitter-icon" href="https://twitter.com/ObamaFoundation" title="Follow on Twitter" aria-label="Follow on Twitter" target="_blank"></a>
<a class="nav-primary__social-follow icon-fb-icon" href="https://www.facebook.com/obamafoundation/" title="Follow on Facebook" aria-label="Follow on Facebook" target="_blank"></a>
<a class="nav-primary__social-follow icon-instagram-icon js-instagram-icon" href="https://www.instagram.com/obamafoundation/" title="Follow on Instagram" aria-label="Follow on Instagram" target="_blank"></a>
</p>
<div class="nav-primary__nav-utility">
<ul class="nav-utility__menu">
<li class="nav-utility__item  menu-item menu-item-type-post_type menu-item-object-page menu-item-336 menu-item-has-children">
<a class="nav-utility__link" href="https://www.obama.org/about-the-foundation/">About</a>
</li>
<li class="nav-utility__item  menu-item menu-item-type-post_type menu-item-object-page menu-item-332 menu-item-has-children">
<a class="nav-utility__link" href="https://www.obama.org/contact-us/">Contact Us</a>
</li>
<li class="nav-utility__item  menu-item menu-item-type-post_type menu-item-object-page menu-item-6920">
<a class="nav-utility__link" href="https://www.obama.org/opportunities/">Opportunities</a>
</li>
<li class="nav-utility__item  menu-item menu-item-type-post_type menu-item-object-page menu-item-335">
<a class="nav-utility__link" href="https://www.obama.org/privacy-policy/">Privacy Policy</a>
</li>
<li class="nav-utility__item  menu-item menu-item-type-post_type menu-item-object-page menu-item-331 menu-item-has-children">
<a class="nav-utility__link" href="https://www.obama.org/terms-conditions/">Terms &#038; Conditions</a>
</li>
</ul> 
</div>
</div>
</div>
</nav>
<nav class="nav-section--mobile" role="navigation" aria-hidden="true">
<ul class="nav-section__menu">
<li class="nav-section__item nav-section__parent  menu-item menu-item-type-post_type menu-item-object-page menu-item-312">
<a class="nav-section__link--parent js-nav-section__link--parent" href="https://www.obama.org/your-voice/"><span class="nav-section__caret icon-left-arrow-sm"></span>Your Voice</a>
</li>
<li class="nav-section__item nav-section__parent  menu-item menu-item-type-post_type menu-item-object-page menu-item-4615">
<a class="nav-section__link--parent js-nav-section__link--parent" href="https://www.obama.org/mission/"><span class="nav-section__caret icon-left-arrow-sm"></span>Our Mission</a>
</li>
<li class="nav-section__item nav-section__parent  menu-item menu-item-type-post_type menu-item-object-page menu-item-287">
<a class="nav-section__link--parent js-nav-section__link--parent" href="https://www.obama.org/our-story/"><span class="nav-section__caret icon-left-arrow-sm"></span>Our Story</a>
</li>
<li class="nav-section__item nav-section__parent  menu-item menu-item-type-post_type menu-item-object-page menu-item-6766 menu-item-has-children">
<a class="nav-section__link--parent js-nav-section__link--parent" href="https://www.obama.org/chicago/"><span class="nav-section__caret icon-left-arrow-sm"></span>Chicago</a>
<ul class="nav-section__children">
<li class="nav-section__item nav-section__child  menu-item menu-item-type-post_type menu-item-object-page menu-item-328">
<a class="nav-section__link--child  menu-item menu-item-type-post_type menu-item-object-page menu-item-328" href="https://www.obama.org/whats-next/our-community/">Our Community</a>
</li>
</ul>
</li>
<li class="nav-section__item nav-section__parent  menu-item menu-item-type-post_type menu-item-object-page menu-item-6767">
<a class="nav-section__link--parent js-nav-section__link--parent" href="https://www.obama.org/the-center/"><span class="nav-section__caret icon-left-arrow-sm"></span>The Center</a>
</li>
<li class="nav-section__item nav-section__parent  menu-item menu-item-type-post_type menu-item-object-page menu-item-309">
<a class="nav-section__link--parent js-nav-section__link--parent" href="https://www.obama.org/galleries/"><span class="nav-section__caret icon-left-arrow-sm"></span>Galleries</a>
</li>
<li class="nav-section__item nav-section__parent  menu-item menu-item-type-post_type_archive menu-item-object-updates menu-item-5114">
<a class="nav-section__link--parent js-nav-section__link--parent" href="https://www.obama.org/updates/"><span class="nav-section__caret icon-left-arrow-sm"></span>Updates</a>
</li>
<li class="nav-section__item nav-section__parent  menu-item menu-item-type-post_type menu-item-object-page menu-item-336 menu-item-has-children">
<a class="nav-section__link--parent js-nav-section__link--parent" href="https://www.obama.org/about-the-foundation/"></span>About</a>
<ul class="nav-section__children">
<li class="nav-section__item nav-section__child  menu-item menu-item-type-post_type menu-item-object-page menu-item-2301">
<a class="nav-section__link--child  menu-item menu-item-type-post_type menu-item-object-page menu-item-2301" href="https://www.obama.org/watch-the-video/">Watch the Welcome Video</a>
</li>
</ul>
</li>
<li class="nav-section__item nav-section__parent  menu-item menu-item-type-post_type menu-item-object-page menu-item-332 menu-item-has-children">
<a class="nav-section__link--parent js-nav-section__link--parent" href="https://www.obama.org/contact-us/"></span>Contact Us</a>
<ul class="nav-section__children">
<li class="nav-section__item nav-section__child  menu-item menu-item-type-post_type menu-item-object-page menu-item-334">
<a class="nav-section__link--child  menu-item menu-item-type-post_type menu-item-object-page menu-item-334" href="https://www.obama.org/press-media/">Press &#038; Media</a>
</li>
<li class="nav-section__item nav-section__child  menu-item menu-item-type-post_type menu-item-object-page menu-item-330">
<a class="nav-section__link--child  menu-item menu-item-type-post_type menu-item-object-page menu-item-330" href="https://www.obama.org/contributors/">Contributors</a>
</li>
<li class="nav-section__item nav-section__child  menu-item menu-item-type-post_type menu-item-object-page menu-item-6919">
<a class="nav-section__link--child  menu-item menu-item-type-post_type menu-item-object-page menu-item-6919" href="https://www.obama.org/opportunities/">Opportunities</a>
</li>
</ul>
</li>
<li class="nav-section__item nav-section__parent  menu-item menu-item-type-post_type menu-item-object-page menu-item-6920">
<a class="nav-section__link--parent js-nav-section__link--parent" href="https://www.obama.org/opportunities/"></span>Opportunities</a>
</li>
<li class="nav-section__item nav-section__parent  menu-item menu-item-type-post_type menu-item-object-page menu-item-335">
<a class="nav-section__link--parent js-nav-section__link--parent" href="https://www.obama.org/privacy-policy/"></span>Privacy Policy</a>
</li>
<li class="nav-section__item nav-section__parent  menu-item menu-item-type-post_type menu-item-object-page menu-item-331 menu-item-has-children">
<a class="nav-section__link--parent js-nav-section__link--parent" href="https://www.obama.org/terms-conditions/"></span>Terms &#038; Conditions</a>
<ul class="nav-section__children">
<li class="nav-section__item nav-section__child  menu-item menu-item-type-post_type menu-item-object-page menu-item-2182">
<a class="nav-section__link--child  menu-item menu-item-type-post_type menu-item-object-page menu-item-2182" href="https://www.obama.org/terms-conditions/submission-terms/">Submission Terms</a>
</li>
</ul>
</li>
</ul>
</nav>
</header>
<main class="main-content layout--2-sidebar" role="main">
<header class="page-header page-header--no-image">
<div class="page-header__wrap">
<nav class="nav-section--desktop" role="navigation" aria-hidden="true">
<ul class="nav-section__menu">
<li class="nav-section__item current-menu-parent">
<a class="nav-section__link--parent js-nav-section__link--parent" href="/updates"><span class="nav-section__caret icon-left-arrow-sm"></span> Updates</a>
</li>
</ul>
</nav>
<h1 class="page-title">Hurricane Harvey Relief: How You Can Help</h1>
</div>
</header> 
<main id="content" class="js-sidebar-waypoint">
<aside class="sidebar-left js-sidebar-left">
<div class="sidebar-contents js-sidebar-contents share-wrapper--mobile">
<div class="sharing">
<p class="sharing__head">Share</p>
<a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.obama.org%2Fupdates%2Fhurricane-harvey-relief-can-help%2F" class="sharing__link js-page-sharer-fb icon-fb-icon">
</a>
<a href="#" class="sharing__link js-sharer-tw icon-twitter-icon" data-url="https://www.obama.org/updates/hurricane-harvey-relief-can-help/" data-via="ObamaFoundation" data-text="Hurricane Harvey Relief: How You Can Help">
</a>
<a class="sharing__link icon-do-something js-do-something" target="_blank" href="https://www.obama.org/share-take-action/"></a>
</div>
</div>
<div class="tko">&nbsp;</div>
</aside>
<div class="page-content">
<article id="post-4365" class="article post-type-updates" role="article" itemscope itemtype="http://schema.org/BlogPosting">
<section class="entry-content" itemprop="articleBody">
<a class="breadcrumb breadcrumb--mobile" href="/updates"><span class="breadcrumb__caret icon-left-arrow-sm"></span>Updates</a>
<h1 class="page-title page-title--mobile">Hurricane Harvey Relief: How You Can Help</h1>
<h2 class="page-dateline">August 28, 2017 5:15 PM</h2>
<div class="rte">
<p>All weekend, people in Houston, across the Gulf Coast, and around the country have been pitching in to aid those affected by the devastating flooding in southeastern Texas.</p>
<p>We’ve been inspired by the acts of citizens aiding their neighbors, the first responders at work on the ground, and the people around the country who have come together to support those in need.</p>
<p>Help is still needed, and there are many ways for you to contribute from anywhere. Here are some of the organizations providing urgent relief and essential services to the people affected by Hurricane Harvey:</p>
<div style="margin-bottom: 30px;">
<blockquote class="twitter-tweet" data-lang="en">
<p dir="ltr" lang="en">Thank you to all the first responders and people helping each other out. That&#8217;s what we do as Americans. Here&#8217;s one way you can help now. <a href="https://t.co/iGfE8rAoAu">https://t.co/iGfE8rAoAu</a></p>
<p>— Barack Obama (@BarackObama) <a href="https://twitter.com/BarackObama/status/901946021437206528">August 27, 2017</a></p></blockquote>
</div>
<p><script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script></p>
<p><a href="http://www.redcross.org"></p>
<h4>Red Cross</h4>
<p></a></p>
<p>The American Red Cross is working around the clock to provide safe shelter and comfort for the hundreds of thousands of people impacted by Hurricane Harvey. Visit <a href="http://www.redcross.org">www.redcross.org</a>, call 1- 800-RED CROSS, or text the word HARVEY to 90999 to make a $10 donation.</p>
<p><a href="https://www.namb.net/send-relief/disaster-relief"></p>
<h4>Southern Baptist Disaster Relief</h4>
<p></a></p>
<p>Southern Baptist Disaster Relief is assisting in the care of thousands of displaced Texans, and working to restore homes. Learn more about how to support their efforts <a href="https://missionaries.namb.net/projects/full/hurricane-harvey-response">here</a>.</p>
<p><a href="http://www.savethechildren.org/site/c.8rKLIXMGIpI4E/b.6115947/k.8D6E/Official_Site.htm"></p>
<h4>Save the Children</h4>
<p></a></p>
<p>Save the Children is delivering family-friendly relief supplies, setting up child-friendly spaces in shelters, providing specially trained staff to help children, and planning for long-term recovery needs. Support their Hurricane Harvey relief efforts <a href="http://www.savethechildren.org/site/c.8rKLIXMGIpI4E/b.9534789/k.9D36/Hurricane_Harvey.htm">here</a>.</p>
<p><a href="http://www.houstonfoodbank.org/"></p>
<h4>Houston Food Bank</h4>
<p></a></p>
<p>The Houston Food Bank is providing immediate food distribution to families most in need. <a href="https://secure3.convio.net/hfb/site/Donation2;jsessionid=00000000.app353b?idb=1389238920&amp;DONATION_LEVEL_ID_SELECTED=1&amp;df_id=9314&amp;9314.donation=form1&amp;mfc_pref=T&amp;NONCE_TOKEN=7D6002702D16883C3737C5A8F5D2E34A&amp;idb=0">Donate now</a> or learn more about how to volunteer at <a href="http://www.houstonfoodbank.org">www.houstonfoodbank.org</a>.</p>
<p>If you’re able, please do what you can to help out. As President Obama said, that&#8217;s what we do as Americans.</p>
</div>
</section> 
</article> 
</div> 
<div class="share-wrapper--inline share-wrapper--inline-sm">
<div class="sharing">
<p class="sharing__head">Share</p>
<a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.obama.org%2Fupdates%2Fhurricane-harvey-relief-can-help%2F" class="sharing__link js-page-sharer-fb icon-fb-icon">
</a>
<a href="#" class="sharing__link js-sharer-tw icon-twitter-icon" data-url="https://www.obama.org/updates/hurricane-harvey-relief-can-help/" data-via="ObamaFoundation" data-text="Hurricane Harvey Relief: How You Can Help">
</a>
<a class="sharing__link icon-do-something js-do-something" target="_blank" href="https://www.obama.org/share-take-action/"></a>
</div>
</div>
<aside class="sidebar-right">
<div class="sidebar-right__top">
<div class="widget-signup">
<h1 class="widget-signup__header">Join Us</h1>
<p class="widget-signup__body">Help build this Foundation from the ground up, and be among the first to know about major news and updates.</p>
<form class="widget-signup__form js-signup-form" id="signup" name="signup" method="post" action="https://go.obama.org/page/sapi/signup-autocomplete">
<div class="js-signup-form__fields">
<input class="widget-signup__input widget-signup__input--email" type="email" id="email" name="email" placeholder="Email" required>
<input class="widget-signup__input widget-signup__input--zip" type="text" id="place" name="zip" placeholder="ZIP Code" required>
<input class="widget-signup__submit" type="submit" value="" style="display: none">
<input id="custom-1066" name="custom-1066" type="hidden" value="https://www.obama.org:15210/updates/hurricane-harvey-relief-can-help/">
<input class="field-autocomplete field-country" id="country" name="country" type="hidden" value="">
<input class="field-autocomplete field-administrative_area_level_1" id="region" name="state_cd" type="hidden" value="">
<input class="field-autocomplete field-locality" id="city" name="city" type="hidden" value="">
<input class="field-autocomplete field-postal_code" id="zip" name="zip" type="hidden" value="">
<div style="display: none">
<label for="best-contact-time">Please leave this field blank:</label>
<input id="best-contact-time" name="best-contact-time" type="text">
</div>
<input type="submit" class="widget-signup__submit" name="submit-btn" value="Sign up">
</div>
<p class="widget-signup__success js-signup-form__success">Thank you for signing up.<br><a href="https://go.obama.org/page/contribute/thanks-for-signing-up-donate">Help us build this Foundation.</a></p>
<p class="widget-signup__failure js-signup-form__failure">There was a problem submitting. Please try again.</p>
</form>
</div>
<script>
    var placeSearch,
        autocomplete = [];
    var componentForm = {
        locality: 'long_name',
        administrative_area_level_1: 'short_name',
        country: 'short_name',
        postal_code: 'short_name'
    };
    var hiddenFields = {
        locality: {slug: 'long_name', field: 'city'},
        administrative_area_level_1: {slug: 'short_name', field: 'region'},
        country: {slug: 'short_name', field: 'country'},
        postal_code: {slug: 'short_name', field: 'zip'}
    }

    function initAutocomplete() {
        // Create the autocomplete object, restricting the search to geographical
        // location types.
        // This has to work on two identical elements since
        // one is used on mobile and one is used on desktop
        var inputSet = document.getElementsByClassName('widget-signup__input--zip');

        // autocompleteDesktop = new google.maps.places.Autocomplete(
        //   /** @type {!HTMLInputElement} */(inputSet[0]),
        //   {types: ['geocode']});
        // autocompleteMobile = new google.maps.places.Autocomplete(
        //   /** @type {!HTMLInputElement} */(inputSet[1]),
        //   {types: ['geocode']});

        for(var i = 0; i < inputSet.length; i++) {
            var temp = new google.maps.places.Autocomplete((inputSet[i]),{types: ['geocode']});
            autocomplete.push(temp);

            autocomplete[i].addListener('place_changed', fillInAddress);
            // google.maps.event.addDomListener(autocomplete[i], 'place_changed', function(event) {
            //     console.log(event);
            // });
            // autocomplete[i].addListener('place_changed', function(event) {
            //     console.log(event);
            // });
            // inputSet[i].addEventListener('change', function(event){
            //     fillInAddress(event);
            // });
        }

        // When the user selects an address from the dropdown, populate the address
        // fields in the form.

        // autocompleteDesktop.addListener('place_changed', fillInAddress);
        // autocompleteMobile.addListener('place_changed', fillInAddress);

        // debugger;
        // $('.pac-container').detach().insertAfter('.js-signup-form__fields');
    }

    function fillInAddress() {
        // Get the place details from the autocomplete object.
        var place,
            index;

        // Two signups with the same ID are included
        // makes sure that we are targeting the correct
        // autocomplete field

        // if(autocompleteMobile.getPlace()) {
        //     place = autocompleteMobile.getPlace();
        //     setNumber = 1;
        // } else {
        //     place = autocompleteDesktop.getPlace();
        // }

        for(var i=0; i < autocomplete.length; i++) {
            if(autocomplete[i].getPlace() !== undefined) {
                index = i;
            }
        }

        place = autocomplete[index].getPlace();

        // if user clicks on an autocomplete then assume
        // input won't have the info needed.
        var set = document.getElementsByClassName('widget-signup__input--zip');
        set[index].setAttribute('name', 'place');


        // reset hidden values
        for (thing in componentForm) {
            if(document.getElementsByClassName('field-' + thing)[0]) {
                document.getElementsByClassName('field-' + thing)[0].value = '';
            }
        }

        // Get each component of the address from the place details
        // and fill the corresponding field on the form.
        for (var i = 0; i < place.address_components.length; i++) {
            var addressType = place.address_components[i].types[0],
                field = document.getElementsByClassName('field-' + addressType)[index];
                console.log(field);
            if (componentForm[addressType]) {
                var val = place.address_components[i][componentForm[addressType]];
                if(field) {
                    field.value = val;
                }
                console.log(place.address_components[i][componentForm[addressType]]);
            } else {
                if(field) {
                    field.value = '';
                }
            }
        }
    }
</script>
</div>
<div class="sidebar-right__middle">
</div>
<div class="sidebar-right__bottom">
</div>
</aside>
<aside class="page-footer">
<div class="page-footer__contents">
<nav class="nav-section" role="navigation" aria-hidden="true">
<ul class="nav-section__menu">
<li class="nav-section__item current-menu-parent">
<a class="nav-section__link--parent js-nav-section__link--parent" href="/updates"><span class="nav-section__caret icon-left-arrow-sm"></span>View All Updates</a>
</li>
</ul>
</nav>
</div>
</aside> 
</main> 
</main>
<footer class="site-footer" role="contentinfo">
<div class="site-footer__wrapper">
<div class="site-footer__contents">
</div>
</div>
</footer> 
<div class="back-to-top js-back-to-top">
<p class="back-to-top__label">Top</p>
</div>
<script type='text/javascript' src='https://www.obama.org/wp-content/themes/obamafoundation/assets/js/source.js?ver=0.0.4'></script>
<script type='text/javascript' src='https://www.obama.org/wp-includes/js/wp-embed.min.js?ver=4.9.2'></script>
<script src="https://cdn.polyfill.io/v2/polyfill.min.js"></script>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-58e692e7c2341621"></script>
<script type="text/javascript" src="//maps.googleapis.com/maps/api/js?key=AIzaSyDsnqr-BgEQKKvG_-aayb5FO7ILgLhIkBo&libraries=places&callback=initAutocomplete" async defer></script>
<script type="text/javascript">window.NREUM||(NREUM={});NREUM.info={"beacon":"bam.nr-data.net","licenseKey":"0207d3137c","applicationID":"30404694","transactionName":"YlRbNUpWD0QHVxBYCVseeAJMXg5ZSUcNXwFAXVgT","queueTime":0,"applicationTime":327,"atts":"ThNYQwJMHEo=","errorBeacon":"bam.nr-data.net","agent":""}</script></body>
</html>
